分类：前端技术

useCallback与useMemo与memo到底怎么用？只说使用场景，不讲原理！

场景一：页面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 + “=([^&]*)(&|$)”…