场景一:页面A使用了子组件B,而且给子组件没有接收任何参数,此时如果A中的某个状态发生改变,则A/B组件同时会渲染。如果我们想优化一下,不希望B组件渲染,此时用可以用memo包裹子组件即可。 import Child from “…
场景一:页面A使用了子组件B,而且给子组件没有接收任何参数,此时如果A中的某个状态发生改变,则A/B组件同时会渲染。如果我们想优化一下,不希望B组件渲染,此时用可以用memo包裹子组件即可。 import Child from “…
type用于说明 commit 的类别。 feat:新增功能 fix:bug 修复 docs:文档更新 style:不影响程序逻辑的代码修改(修改空白字符,格式缩进,补全缺失的分号等,没有改变代码逻辑) refactor:重构代码(既没有新…
1、概念描述:什么是高阶组件 高阶组件(HOC)是 React 中用于复用组件逻辑的一种高级技巧。HOC 自身不是 React API 的一部分,它是一种基于 React 的组合特性而形成的设计模式。具体而言,高阶组件是参数为组件,返回值为…
对于vue或者react项目,生成环境中有时候会有过滤删除注释以及禁止控制台consoles输出的需求,一方面,这样处理可以减小打包后的包文件大小,另一方面,可以加大其他人员对包的分析难度。 场景 那么如何实现这样的配置呢?我这里分两种场景…
一: 环境说明:1、create-react-app创建的项目 二:场景说明:1、我的项目是一个有着几十个页面的落地页,模板有十几个2、如果不使用react路由组件按需加载,main.js主程序文件会比较大,导致首页加载时间略长 三:打包效…
最近使用create-react-app+antd搭建项目,不过antd使用到的组件很少,所以样式需要用到按需加载,但是呢,网上找了很多的教程,要么有些是没有用的,要么有些就是不完整的。 大环境说明:我不想暴露webpack的配置项,所以没…
大前提:1、我使用的是create-react-app创建的应用2、我不想使用npm run enject暴露配置项3、我想使用flexible+postcss-px2rem实现移动端的高清适配 实现:1、解决配置文件的问题:参考https…
上个案例转盘中的文字,绘制点是通过三角函数精确计算后绘制的,本方案中的文字,没有使用三角函数,而是将文字在(0,0)点旋转后,再进行偏移实现,本案例逻辑上比较简洁。 <!DOCTYPE html><html&nb…
先上源码: <!DOCTYPE html><html lang=”en”><head> <meta …
function getQueryString(name) {var reg = new RegExp(“(^|&)” + name + “=([^&]*)(&|$)”…