- 博客(17)
- 收藏
- 关注
RSS订阅原创 前端工程化之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
149
原创 看完2022雷军演讲，做点总结
4.既然痛苦是难以避免的，就不要逃避，直面痛苦，在痛苦中前行，让痛苦来塑造更好的我们。----痛苦的意义和挫折的馈赠。3.只要有一定的自制力，娱乐也会是一种很好的学习方式。因为这样学习没有任何压力。但是瞎玩纯粹的是在浪费时间。2.人生有些时候做事情不要目的性太强，看起来毫无意义的事情其实也是有价值的。1.做用户需要的产品（电脑培训软件），因为用户需要的产品会自己长脚。
2023-01-07 23:43:05
115
原创 Vue的使用技巧
一、监听对象watch的deep设为了true，这样的话，如果修改了这个queryData中的任何一个属性，都会执行handler这个方法。不过其实这样开销是蛮大的，尤其是对象里面结构嵌套过深的时候。而且有时候我们就想关心这个对象中的某个属性，比如name，这个时候可以这样对象具体属性的watch可以直接用引号把属性括起来，就可以实现对象中特定属性的监听事件二、知道何时使用（以及何时避免使用）当被打开或关闭时，它将创建并完全销毁该元素。相反，将创建该元素并将其留在那里，通过设置其样式为来隐藏它。（补充
2022-12-04 22:30:21
1294
原创 浏览器开发者工具使用技巧
15、computed 这里的小箭头 点击可以跳转到这个属性所在的class里。6、当一个class作用于多个元素时，想只关闭其中一个元素。2、user agent 是浏览器自带的样式。13、保留上一个浏览器窗口的网络请求日志。5、选中元素 开启hover 样式。12、debugger元素节点被修改。8、使用flex布局 这里的提示。1、* 是表示作用于全局的样式。4、pseudo是伪类样式。3、表示继承于父元素的样式。11、监听变量的值变化。7、复制某个元素的样式。9、筛选控制台的数据。
2022-11-20 23:21:58
339
原创 ES6让你的代码更优雅
这样写不仅代码简洁，如果服务端返回的数据对象中的属性名不是我想要的，还可以给变量重命名。中可以放入任意的JavaScript表达式，可以进行运算，以及引用对象属性。方法，上面的方法如果遇到4维、5维深度的数组，需要循环嵌套循环来扁平化。如果并发请求时，只要其中一个异步函数处理完成，就返回结果，要用到。方法中找到符合条件的项，就不会继续遍历数组。当给对象添加属性时，如果属性名是动态变化的，该怎么处理。否则会报错，故要给被解构的对象一个默认值。改进： ES6中的对象属性名是可以用表达式。
2022-10-16 12:26:52
104
原创 ES6中重要的知识点
对象的结构是浅拷贝,如果一个值是复合类型的如: const {arr} = { arr: [1,2]} 解构出来的arr是引用地址。只能取对象自身且是可遍历的值,取不到对象原型上的值。对象的结构赋值是可以取到对象原型上的属性的。与数组的扩展运算符一样，对象的扩展运算符后面可以跟表达式。七、&& 运算符的优先级高于 || 运算符的优先级。五、对象的扩展运算符。
2022-09-18 11:41:21
68
原创 一些冷门且基础的前端知识点
二.addEventListener添加事件回调函数需要阻止默认行为时，第三个参数应传{passivefalse}如果没有，就一直往上层父元素找，直到html标签，如果都没有，才是相对于整个视口定位的。其中的top是相对于第一个设置。一.==类型转换的规则。...
2022-07-24 18:28:12
301
原创 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
223
原创 vue2.0的虚拟dom和diff算法
1介绍1.1 diff算法的目的就是：精选化比对前后变化，最小量更新1.2 虚拟dom就是：用js对象描述DOM的层次结构，dom中的一切属性都在虚拟dom中有对应的属性diff是发生在虚拟dom中的，也就是这个js对象，前后比对变化2 h函数h函数用来产生虚拟节点（vnode），但不会产生真正的标签 比如这样调用h函数h('a', { props: { href: 'http://www.atguigu.com' } }, '尚硅谷')将得到这样的虚拟节...
2022-06-04 11:53:29
235
原创 《千与千寻》里那些耐人寻味的人物和细节
一.故事背景这部电影上映于2001年。故事的背景是20世纪90年代的日本。1985年美日签订”广场协议“，这一协议直接将美日贸易战推向顶峰，之后日元一路升值，导致日本对美出口机会变少，相比于日本的“基本农田制度”和“科技兴国”两项基本国策，资本更青睐于房地产产行业，这背后复杂的经济学逻辑就不展开了。结局就是在二十世纪90年代初，由于盲目鼓吹的房地产泡沫破裂，金融危机席卷整个日本，当年的日本经济市场混乱，民不聊生，社会动荡不安。在此环境中长大的孩子，被日本的学者称之为“迷失的一代”。...
2022-05-01 22:54:07
562
1
原创 Vue的computed计算属性监听不到数组或者对象属性的变化
data里面是这样定义arr:[],obj:{}在methods中的某个事件会改变数组/对象中的元素clickBtn () { this.arr[0] = false 或this.arr = [false]}//或者clickBtn () { this.obj = { test:12312 } 或 this.obj.test =12312}但在computed中监听不到这个数组中元素的变化isAble() { //数组 if (
2022-04-23 17:38:12
11489
原创 一些零散的知识点
vertical-align可以设置具体的长度值是正值基线就向上移动，如果是负值基线向下移动。<div style="background: #398dee"> <span style="vertical-align: -10px">负值效果</span> x <span style="vertical-align: 10px">正向移动10px</span></div>百分比值：正负情况和
2022-02-04 22:10:46
563
原创 ES6中数组常用的方法及常见的应用场景
目录forEachmapfiltereverysomereducefromforEachforEach() 方法对数组的每个元素执行一次给定的函数。常见应用场景 :当我们对数组的元素进行处理时（例如：增加元素，元素值改变）,给数组对象中的每一个对象添加字段let arr = [ {age: 18, name: '苏沛杰'}, {age: 18, name: '苏沛杰'}, {age: 18, name: '苏沛杰'},]let .
2021-12-12 19:04:41
793
原创 Git的基本操作
git增加删除分支命令 描述 git checkout 新的分支名 切换到指定分支 git checkout -b 新的分支名 新建分支并切换到新分支 git branch -d 分支名 删除指点分支 git branch 查看所有分支，并且*号表明的是当前所在分支 git merge 分支名 合并分支 git branch -m | -M 旧分支名 新分支名 重命名分支，如果新的名字存在，使用-M强制重命名 ...
2021-11-14 14:21:51
165
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人