表头 前端 页面table
Element table 表格中 el-select 传递参数，自定义参数
<el-table-column prop="cvRobotName" label="机器人" align="center" v-if="mode !== 2"> <template slot-scope="item"> <el-select v-model="tableData[scope.$in ......
2023前端面试题
1.什么是重绘和回流，有哪些措施可以避免回流，从而提高页面性能 重绘（repaint）和回流（reflow）是浏览器渲染页面时的两个重要的步骤。 重绘是指当一个元素的样式（如颜色、背景等）发生变化，但没有影响其布局（如位置、大小等）时，浏览器会将这个元素的新样式重新画到页面上。 回流则是指当一个元素 ......
如何利用Requestly提升前端开发与测试的效率，让你事半功倍?
痛点 前端测试 在进行前端页面开发或者测试的时候，我们会遇到这一类场景： 在开发阶段，前端想通过调用真实的接口返回响应 在开发或者生产阶段需要验证前端页面的一些 异常场景 或者 临界值 时 在测试阶段，想直接通过修改接口响应来验证前端页面是否正常 想验证后端服务响应比较慢的情况下，验证前端页面是否正 ......
如何从develop分支拉取代码,开发页面和合并提交
我以04官网为例子,在我开发页面的时候,第一步是先切到生产分支,然后不要用vscode自带的操作,改用git pull拉取最新代码,,此时生产的页面是这样的 我再从develop拉出一个测试分支Jenkins,以及预发布分支release,此时我的需求是这个"开发分支"改成"本地分支",页面文字统一 ......
UIOTOS：一款无门槛的前端0代码搭建工具
什么是UIOTOS？ UIOTOS中文名称前端大师，是一款基于图形技术的前端0代码工具，支持通过连线和嵌套无门槛来搭建各类复杂的的交互界面，包括后台管理系统、组态数据大屏等，实现跟代码开发媲美的效果。 为什么要做？ 前端技术更新快，开发和学习成本高 在软件开发领域，UI界面开发技术更新迭代最快，层出 ......
js 打印页面局部区域（指定位置）
1.情景展示 在浏览器的网页上，我们可以通过window.print()实现网页的打印功能。 但是，该方法打印的是当前网页上面所有展示的内容，如何只打印指定区域内容呢？ 如下图所示，只将送检申请单所在区域打印出来，其它位置不用管，如何实现？ 2.具体分析 window.print()打印的是全部内容 ......
postcss-px-to-viewport 页面适配插件
使用教程 文章1：https://www.cnblogs.com/zhangnan35/p/12682925.html 文章2：https://www.jianshu.com/p/6e53f8f9634d ......
前端配置化表单组件设计方法
前端开发中涉及表单的页面非常多，看似功能简单，开发快速，实则占去了很大一部分时间。当某个表单包含元素过多时还会导致html代码过多，vue文件过大。从而不容易查找、修改和维护。为了提高开发效率及降低维护成本，下面介绍表单配置化组件的封装原理与封装方法。 ......
前端自定义分页
<el-table size="mini" stripe border fit height="406px" highlight-current-row :header-cell-style="{background:'#F0F3F8'}" :data="historyResearchUploadL ......
前端性能优化
1. 如果 应用层响应超时怎么处理解决 ？ 如果响应超时，可以采取以下措施来处理解决： 增加超时时间：可以增加请求的超时时间来尝试避免响应超时。可以在发起请求时，设置超时时间，如果在指定时间内未收到响应，则认为响应超时。 减少请求负载：如果请求负载过大，服务器响应可能会受到影响，从而导致响应超时。可 ......
微信小程序的坑~返回上级页面后再次进入该页面，定义的全局变量未被重置
A页面跳转到B页面后，B页面在page上面定义了全局的变量，从B页面返回上级页面A后，再次进入B页面，会保留上次B页面全局变量更改后的数据，而不是重新初始化数据。 解决 page外部的变量，在小程序初始化的时候就加载了，并且中途不会变的。。 你可以试试，在非首页的页面的page外console.lo ......
uniapp默认tabBar在页面中隐藏
一、在页面pages.json设置tabBar 这样我们在uniapp里面才可以进行tabbar的跳转 二、要对默认的隐藏设置需要对页面的生命周期设置 在对应的默认tabBar页面里面设置进行隐藏tabbar uni.hideTabBar() 三、就是使用我们自己的tabbar组件喽 ......
前端知识点,资源,项目资源
中级前端需要掌握的知识点 JavaScript基础知识，包括ES6及以上版本的语言特性。 Vue框架的核心概念和实现原理，包括组件、指令、生命周期等。 React框架的核心概念和实现原理，包括JSX、组件、状态和属性等。 Web性能优化，包括代码压缩、CDN加速、懒加载等技术。 移动端开发，包括响应 ......
Mac M系列芯片 vue前端node-sass兼容问题解决
0、由于M系列芯片是arm架构，在使用brew安装node时都是arm的node，但是node-sass@4.14.1版本中不支持arm架构的出现如下报错： Error: Node Sass does not yet support your current environment: OS X Un ......
ANALYZE TABLE 和 OPTIMIZE TABLE 有什么区别？
含义区分：ANALYZE TABLEhttps://dev.mysql.com/doc/refman/5.7/en/analyze-table.htmlANALYZE TABLE performs a key distribution analysis and stores the distribu ......
iframe父页面调用子页面方法 子页面传数据到父页面
//父页面 <template> <div> <iframe id="PanIframe" width="100%" height="2000px" src="http://127.0.0.1:7006/formCreateDesigner"></iframe> </div> </template> ......
前端开发环境搭建踩坑笔记——npm install node-sass安装失败的解决方案
问题背景 开发新的前端项目时，总少不了搭建开发环境和执行npm install安装依赖包，但npm install的过程总是充满着玄学，很难保证一次性成功，其中尤其以node-sass这个包的安装失败问题最为常见。 像其他npm包安装失败，通常是因为网络问题，可以采用使用更好的网络环境或者切换源的方 ......
vue页面中展示markdown以及katex公式
场景 数据库中有markdown语法的字符串，需要展示为正常的页面，难点在于其中的katex数学公式 解决方式 使用showdown及其族系插件 npm i showdown npm i showdown-katex <template> <div class="msg" v-html="trans ......
django的web项目中重定向页面时的部分信息传输——以删除含有分页的列表记录为例
问题：在管理系统界面往往是有分页的，初次编写列表的删除功能时很可能会出现删完之后页面跳转到第一页的问题，或者筛选完之后删除某一项结果删完之后跳转到未筛选页面。与实际分页管理的效果大庭相径。 解决思路： 1. 起初只遇到了分页的情况，解决方法很简单，在删除按钮的href中直接传值，例如：xxx/xxx ......
react-navigation 页面跳转
使用react-navigation 在进行页面跳转的时候,遇到些问题,现在来总结下,主要是web和android 的差异 react-navigation 页面跳转方法 navigation navigate - 转到另一个屏幕，找出需要采取的操作 replace - 用新屏幕替换当前屏幕 pus ......
Element el-table 判断是否有滚动条
判断是否有滚动条 // dom 元素 const dom = this.$refs.uploadTableRef?.bodyWrapper // 滚动到底部 if (num > 7 && dom?.scrollTop + dom?.clientHeight dom?.scrollHeight) { ......
thinkphp使用pgsql，提示table_msg函数缺失的解决方法
thinkphp使用pgsql，提示table_msg函数缺失的解决方法 打开navicate，打开查询，执行下面代码就可以解决： CREATE OR REPLACE FUNCTION pgsql_type(a_type varchar) RETURNS varchar AS $BODY$ DECL ......
mock框架与测试（用mock工具模拟后端与前端对接调试）
mock简介应用在前后端分离的开发模式中敏捷管理中需要测试左移模拟后端与前端对接调试。实现满足接口逻辑通路，保证基本接口功能。 mock开源框架只需配置request和response就可以满足要求支持http/https/socket 协议支持在request中配置header、cookie、St ......
Three.js 进阶之旅：页面平滑滚动-王国之泪 💧
本文使用 React + Three.js + React Three Fiber 技术栈，实现一个《塞尔达传说：王国之泪》主题风格基于滚动控制的平滑滚动图片展示页面。通过本文的阅读，你将学习到的知识点包括：了解 R3F 中 useFrame hook 及 useThree hook 基本原理及用法... ......
Blazor中打开一个新页面的最好方法
适用于Blazor Wasm和Blazor SSR 调用下面的js方法 说一下为什么不用window.open,有可能被拦截是小问题，大问题是打开新页面未加载完时，回到原页面，大概率卡死，无法点击任何东西，只有f12之后才恢复回来。 而用创建a标签就不会有这种问题。 // 创建超链接，不会被拦截 f ......
若依移动端开放非登陆可访问页面改造
若依移动端源码 https://gitee.com/y_project/RuoYi-App 一： 新应用场景通点： 写一个类似微博，需要一部份页面，未授权也可以访问，此应该必须要求登陆无法满足场景需求。 二： 源码分析析 一）白名单，支持未登陆查访问 源码位置：根目录下文件：permission.j ......
CF338D GCD Table-题解(excrt)
CF338D GCD Table 个人评价：还好 算法 扩展CRT 题面 给了一张$n\times m$的矩阵，第i行j列的权值是gcd(i,j),现在有一个长度为k的序列A，问是否存在(i,j)使得$gcd(i,j+l-1)=a_l(1\leq l\leq k)$ 问题分析 我们将对应行设为x,对 ......
vue naive ui 前端获取日期数据传递给后端
vue naive ui 前端获取日期数据传递给后端 设置日期选择器 1. 使用表单输入绑定的方法把用户选定的日期传递给data中的值 (检查数据是否更新的方法) 2. 返回给后端的时间格式 后端想要接收的格式为json,其中包括starttime endtime 和macid，并且时间格式为<cl ......
elementUi+table实现表格数据滚动
elementUi+table实现表格数据滚动 引用vue和elementUI CDN // 引用elementUI CDN <script src="https://unpkg.com/vue@2/dist/vue.js"></script> <!-- import JavaScript --> ......
robotframework：运用JavaScript进行定位元素以及页面操作
在ui自动化时，有些特殊情况需要用到js操作，在进行js操作前要先进行js元素定位。一.js元素定位 1.id定位 document.getElementById("id") 2.name定位 document.getElementsByName("name") 3.class定位 document ......