- 博客(14)
- 收藏
- 关注
RSS订阅原创 webpack配置添加某个特定文件
1. 下载依赖 copy-webpack-plugin2. 在 webpack.config.js 中添加代码
2023-06-07 10:38:40
249
原创 react hook钩子函数的使用
使用场景：作为性能优化， 当需要给子组件传递数据时，正常的数据会在每次重新渲染的时候都传递过去，消耗性能。不会阻塞浏览器对屏幕的渲染更新，但是effect中若有新状态的渲染，在视觉上会有二次渲染问题。注： 数据的值变化时，所有引用context的组件都会强迫更新，不管有没有使用改变的值（全局更新）适合中大型状态场景，状态规模很大，更新状态的逻辑代码比较复杂，多人协作，对渲染性能有更高的追求。用于储存数据，会把数据挂在使用的地方，不需要使用组件间传值的方法，所有子节点都能使用该数据。
2023-04-07 15:37:23
170
原创 react 函数组件的缺点
若在useEffect中使用了监听addEventListener调用func方法，由于每次渲染都会重新调用运行函数组件，所以func每次的函数引用都会更新，会导致无法取消监听removeEventListener。若在useEffect中使用监听事件addEventListener调用func方法，js会记录此时的上下文数据，当调用func方法时，使用的数据是旧的数据。
2023-04-07 15:36:31
218
原创 优雅编写前端代码
| 运算符会执行到第一个为true的位置，若一直无true值，返回最后一个值。&& 运算符会执行到第一个false的值，若一直为true，返回最后一个值。缺点：判断变成绝等判断，若id为"1"时判断为false。缺点：只能执行一条语句。
2023-03-20 17:27:04
153
原创 postMessage简单用法
targetWindow.postMessage(data, target, [transfer]): 把数据(data)传进目标界面（targetWindow）中。
2022-09-29 14:40:12
1498
原创 npm install 不成功
清除npm缓存：npm cache clean --force。2. npm的源设置成淘宝源也没用，使用cnpm下载。1. 清缓存，重新下载。
2022-09-15 22:15:15
1149
原创 gitee连接及使用
git clone +地址(克隆分支代码：git clone -b +分支名 +地址)git remote add +自定义远程库名（origin） +[.git 地址]// 默认不是master分支时 git checkout -b [分支名]git push [远程库名 origin] [分支名 master]git pull [远程库名 origin] [分支名 master]git branch --delete [分支名]git checkout -b [分支名]返回到commit的状态。
2022-04-05 20:11:34
1053
原创 React基础知识
componentWillReceiveProps(nextProps)： 组件更新和父组件render调用时执行，nextProps是要更新的props。props.children相当于是vue中的slot（插槽），会填充进去对应的位置，其他变量都是props，可以是任何值，包括jsx。当只绑定value不绑定onChange，但绑定的value为null或者undefined时，组件的内容能够改变。constructor：初始化state，绑定this环境，props本地化。
2022-03-02 17:13:09
415
原创 forEach、for of、for in
数组三个方法都能用，对象只能用for in数组：Array.forEach(function (item, index, array){// item 数组中这一位的值// index 数组中这一位的下标// array 这一个数组})for(let i of Array){// i 数组这一位的值}for(let i in Array){ // i 下标}对象：for(let i in Object){// i 这一位的属性名}...
2022-01-15 18:03:02
116
原创 原型 new的过程
原型本质就是一个对象。查找对象属性会先查自身的属性，如果没有就查原型上的属性，一直查到没有原型为止。所以属性别藏太深，会影响性能，与作用域链一样，尽量使用局部变量。let Persion = { name: 'z', age: 22, sex: 'male',}let obj = {};obj.__proto__ = Persion;// obj就能够使用原型上的对象属性new的过程let obj = new Persion();1.先用要new的
2022-01-15 18:02:04
146
原创 js的继承
1.call()能够传参构造函数，不能获取parent原型上的属性和方法function Children(a, b){ Parent.call(this, a, b);}Parent.prototype.c = 'c';Parent.prototype.getC = function(){};let children = new Children(a, b);children.a // achildren.b // bchildren.c // undefinedchil
2021-12-25 16:56:49
289
原创 前端页面跳转3种方法
a标签 target<a href="https:www.baidu.com" target=" "></a>target = "_blank" // 新页面跳转target="_self" // 当前页跳转target=“_top" // 顶级页面跳转target="_parent" // 父页面跳转js跳转window.location 属性href // 完整地址host // 主机名 + 端口号hostname /...
2021-12-24 15:39:27
2735
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人