js
文章平均质量分 91
TD暴走小叮当
Turn ideas into reality
展开
-
前端面试题js篇,持续更新
1.解释重绘与回流,以及如何优化? 重绘与回流: 在页面加载时,浏览器会把获取到的html代码解析成dom树,dom树中包含html所有标签以及js动态生成的元素等。浏览器会把所有的样式(即css)解析为样式结构体。dom树和样式结构体组合后形成渲染树。简单来说就是dom树和样式结构体组合在一起形成render树。 重绘: 当渲染树中的一些元素需要更改属性,而这些属性只涉及元素外观风格,而不会影响布局时,成为重绘 回流: 当渲染树中的元素,因为规模尺寸、布局、隐藏等属性需要变动而需要重新构建时,原创 2021-03-30 18:45:44 · 179 阅读 · 0 评论 -
vue搜索结果高亮展示
核心代码展示 // 筛选变色 brightenKeyword(val, keyword) { val = val + ''; if (val.indexOf(keyword) !== -1 && keyword !== '') { return val.replace(keyword, '<font color="#409EFF">' + keyword...原创 2020-04-10 20:17:59 · 234 阅读 · 0 评论 -
vue项目利用qrcodejs2依据后台返回地址生成二维码并下载
1.首先安装qrcodejs2 cnpm i qrcodejs2 -S 2.在组件内部直接引用 import QRCode from "qrcodejs2"; 3.html代码 4.script代码 (请不要被图中事件顺序误导),展示二维码(生成二维码前先清除二维码之前的二维码) 注:此文章参考多位前端开发者 ...原创 2020-04-09 17:00:09 · 2270 阅读 · 0 评论 -
JS合并数组对象中key相同的数据(将数组里某个属性相同的对象合并成一个数组)两种方案
将数组里某个属性相同的对象合并成一个数组 原数组如下 let resData = [ { "name": "住院医疗最高报销", "tagName": "医疗", "insuredAmount": "6000" }, { "name": "身故赔付", "tagName": "寿险"...原创 2020-04-09 14:17:07 · 5749 阅读 · 2 评论 -
前端页面性能优化,面试必知
前端页面性能优化1、css放置在页面顶部,js文件依据需求放置。2、尽可能少的 设置 全局变量。3、尽量减少DOM 操作4、不要再标签中设置样式,最好外部引用 CSS文件。5、减少http 请求,合理设置 HTTP 缓存;(最有效的办法)6、使用浏览器缓存7、如果遇到大的文件,可以将文件放置在一个定时器中 ,利用异步操作,等其他的文件加载完成后,再加载 定时器中的文件。8、CSS Sprites9...原创 2019-08-25 19:45:12 · 686 阅读 · 3 评论