
前端
文章平均质量分 53
PJ_
让我们都加油去超越自己!
展开
-
提高性能的写法
使用computed的缓存,只会执行一次计算逻辑。3、v-model修饰符 lazy。原创 2023-02-25 21:06:37 · 125 阅读 · 0 评论 -
前端工程化之webpack
devtool: 'eval-source-map' //打包后不会单独产生一个源码文件,但也可以看到源码的行和列 用在开发环境。1、plugin: (1)'mini-css-extract-plugin':将所有css文件打包成一个文件。devtool: 'cheap-module-source-map' //用在生产环境,看不到行和列。devtool: 'source-map' //打包后会产生单独一个源码文件。import() //会把依赖打包生成一个单独的文件。四、给引入的文件加上一个公共路径。原创 2023-01-20 16:12:20 · 202 阅读 · 0 评论 -
ES6让你的代码更优雅
这样写不仅代码简洁,如果服务端返回的数据对象中的属性名不是我想要的,还可以给变量重命名。中可以放入任意的JavaScript表达式,可以进行运算,以及引用对象属性。方法,上面的方法如果遇到4维、5维深度的数组,需要循环嵌套循环来扁平化。如果并发请求时,只要其中一个异步函数处理完成,就返回结果,要用到。方法中找到符合条件的项,就不会继续遍历数组。当给对象添加属性时,如果属性名是动态变化的,该怎么处理。否则会报错,故要给被解构的对象一个默认值。改进: ES6中的对象属性名是可以用表达式。原创 2022-10-16 12:26:52 · 146 阅读 · 0 评论 -
ES6中重要的知识点
对象的结构是浅拷贝,如果一个值是复合类型的如: const {arr} = { arr: [1,2]} 解构出来的arr是引用地址。只能取对象自身且是可遍历的值,取不到对象原型上的值。对象的结构赋值是可以取到对象原型上的属性的。与数组的扩展运算符一样,对象的扩展运算符后面可以跟表达式。七、&& 运算符的优先级高于 || 运算符的优先级。五、对象的扩展运算符。原创 2022-09-18 11:41:21 · 103 阅读 · 0 评论 -
popover.js源码解析
popover.js底层实现原创 2022-07-23 10:37:12 · 1226 阅读 · 1 评论 -
CSS3学习总结
1.属性选择器属性选择器的权重跟class选择器的权重一样都是10,但是属性选择器前面一般会加上标签选择器(权重1)所以加起来权重是一般比class选择器权重高属性选择器语法2结构伪类选择器结构伪类选择器的权重是10,但是父标签的权重是1,子标签的权重是1,加一起权重就是12了父标签中正序第一个出现子标签例子:ul li: first-child父标签中正序最后一个出现子标签例子:ul li: last-child3.伪元素选择器伪元素是用css的方式,模拟创建一个行内元素,但不是真正意义上的元素伪元原创 2022-07-01 23:52:03 · 261 阅读 · 0 评论