04 2022 档案

摘要:1.rem搭配CSS预处理器使用 这里我就用vue+less来简单操作一下,具体可以封装到底层,这里暂且演示一下原理。 这里推荐一下使用我的自制脚手架 (songyao-cli) 来快速生成一个vue项目,安装完依赖后,开始配置less. /rem.less/ @device-width: 375; 阅读全文
posted @ 2022-04-20 16:12 木头小屋 阅读(537) 评论(0) 推荐(0) 编辑
摘要:1.性能优化 1.shouldComponentUpdate 在render调用之前会调用shouldComponentUpdate,不建议在 shouldComponentUpdate() 中进行深层比较或使用 JSON.stringify()。这样非常影响效率,且会损害性能。 该方法有两个参数: 阅读全文
posted @ 2022-04-15 16:59 木头小屋 阅读(36) 评论(0) 推荐(0) 编辑
摘要:生命周期 插槽 组件中间内容用this.props.children访问 是否组件更新 shouldcompontsupdata(props,newstatus){ return false; } 父组件更新 componentswillreceiveprops(nextprop)周期更新 在这个生 阅读全文
posted @ 2022-04-11 08:16 木头小屋 阅读(21) 评论(0) 推荐(0) 编辑
摘要:1.通过父组件当中间人方式,子传父再传子 2.通过发布订阅模式 obj={ list:[], sub(callback){ list.push(callback) }, pub(){ list.foreach((callback)=>{ callback() }) } } obj.sub(()=>{ 阅读全文
posted @ 2022-04-06 15:05 木头小屋 阅读(136) 评论(0) 推荐(0) 编辑
摘要:同步逻辑中,setState异步更新,同步更新会合并为一次更新 异步逻辑中,setState同步更新 this.setState({ data:data,()=》{ } }) 在回调函数里面了解到状态更新了 阅读全文
posted @ 2022-04-02 14:09 木头小屋 阅读(52) 评论(0) 推荐(0) 编辑
摘要:react中ref的3种绑定方式 方式1: string类型绑定 类似于vue中的ref绑定方式,可以通过this.refs.绑定的ref的名字获取到节点dom 注意的是 这种方式已经不被最新版的react推荐使用,有可能会在未来版本中遗弃 方式2: react.CreateRef() 通过在cla 阅读全文
posted @ 2022-04-01 13:42 木头小屋 阅读(239) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示