er先森 - 博客园

react中setState为什么设计成异步更新

摘要： 1.可以显著提升性能: 因为每次调用setState进行更新，都会调用render函数，导致界面也会频繁更新,因此最好是获取到多个更新后，再进行批量更新。 2.可以使state和props保持同步如果同步更新state,但是还没有调用render函数，会使state和props不能保持同步，会在开阅读全文

posted @ 2022-12-01 11:31 er先森阅读(61) 评论(0) 推荐(0)

强制安装依赖

摘要： npm install --force 阅读全文

posted @ 2022-11-26 09:17 er先森阅读(28) 评论(0) 推荐(0)

修改第三方组件库样式

摘要：用插槽时，自己插入的元素，则在自己的作用域中直接修改这个元素全局定义一个变量，覆盖它默认的值，但这样会全局修改局部定义一个变量，覆盖它的默认值直接找到组件选择器，使用:deep(选择器)进行修改阅读全文

posted @ 2022-11-26 08:27 er先森阅读(15) 评论(0) 推荐(0)

vite动态加载本地图片

摘要： export const getAssetURL = image => { return new URL(`../../assets/img/${image}`, import.meta.url).href } 阅读全文

posted @ 2022-11-25 19:37 er先森阅读(67) 评论(0) 推荐(0)

CSS - text-align 正确使用之道

摘要： text-align使文本或行内级元素水平居中: .father { background-color: red; height: 200px; text-align: center; } <div class="father">hello world</div> 效果图: text-align使子阅读全文

posted @ 2022-11-22 18:26 er先森阅读(69) 评论(0) 推荐(0)

VSCode实用插件

摘要：中文插件：chinese 颜色主体：atom one dark 文件夹图标：VSCode Great Icons 在浏览器打开：Live Sever 自动重命名标签：auto rename tag 阅读全文

posted @ 2022-11-22 07:05 er先森阅读(27) 评论(0) 推荐(0)

rem布局，根据屏幕宽度设置html字体大小

摘要： function resetRootFZ() { let Html = document.querySelector('html') let w = Html.getBoundingClientRect().width // 设置根字体大小 Html.style.fontSize = w / 10 阅读全文

posted @ 2022-11-21 08:09 er先森阅读(160) 评论(0) 推荐(0)

vue - computed 计算属性

摘要：计算属性本质上是一个函数。作用1：当指令表达式比较复杂，我们建议用计算属性来优化。提升视图模板中代码的可阅读性、可维护性。作用2：用于缓存一个复杂的运算，避免组件更新时，产生没必要的性能损耗。计算属性默认时函数，表示get功能。为了同时支持get/set属性，写成对象即可。计算属性能不能绑定阅读全文

posted @ 2022-11-20 16:13 er先森阅读(50) 评论(0) 推荐(0)

vue指令

摘要： 1、文本类指令 {{}}、v-text 都是用于绑定节点的文本; 二者区别：{{}}这种绑定值的方式在页面会出现“{{}}”一闪而过的效果解决{{}}在页面出现一闪而过的办法: // css: [v-cloak] { display: 'none' }// html <h1 v-cloak>{{m 阅读全文

posted @ 2022-11-20 14:52 er先森阅读(79) 评论(0) 推荐(0)

序列化与反序列化

摘要： #序列化:把变量从内存变成可存储或者传输的过程#反序列化:把变量内容从序列化对象重新读取到内存里阅读全文

posted @ 2019-03-06 11:56 er先森阅读(162) 评论(0) 推荐(0)