公共数据缓存调用 工具方法: 新建一个类,全局一个实例,暴露方法:getCacheDataByKey 1 先判断传过来的keyList 是否在可支持列表中 2 判断是否有缓存...
需求:h5页面非常长,如果一次性全部渲染,用户分分钟就关闭页面了。所以打算考虑动态打包组件,另外还需要考虑用户刷新到下一屏幕时,在渲染一下屏数据。 动态打包文件 1、 @lo...
rollup 打包配置支持 typescript + react rollup 是js 打包器,打包体积小,代码精简,较少注入,适合组件打包。 rollup 建议node 升...
自定义脚手架实战 开始之前 原因 规范项目结构,方便维护和优化 避免互相拷贝代码,导致bug扩散 减少重复代码,降低门槛 目标自动生成一个 react型组件项目,使用esli...
匹配到不同路径时,触发不同的effect
dva 同时调用多个函数
业务中遇到一个场景是,不同类型,渲染不同组件,一开始使用的是switch ,代码很不优雅可以使用策略模式优化
Object转Array有多种方式,可以使用Object.entries() ,Object.keys(),Object.values() MDN解释:Object.entr...
问题数组渲染组件,每一个都使用useState太冗余了,特别是表单填写的时候。 解决方法对象的扩展运算符 对象的扩展运算符(...)用于取出参数对象的所有可遍历属性,拷贝到当...
为了处理按钮多次点击,会连续跳转的问题,使用了 useEffect setTimeout
两个月之前在项目中就开始使用 Eslint ,当时直接 copy 别人的 .eslintrc.js 文件,感觉好复杂,一直没吃透,中间去把 Eslint 官方文档看了数遍,依...
需求是取输入数据中的连续数字,将连续数字使用连接符~连接首尾数字 输入:1,2,3, 5, 6, 9, 12, 13, 14输出: 1 ~ 3, 5 ~ 6, 9, 12 ~ 14
大家都知道springboot给我们提供jar和war两种打包方式。虽然他们俩者之间可以很轻松的进行转换,但可能很多人也会像我一样会纠结那在什么情况下使用war,在什么情况下...
一、打开弹框时,背景位置固定,弹窗可滚动 给body添加样式 position: fixed; width: 100%;就可以固定背景,不许背景滚动,但这个时候会直接定位到顶...
animation animation-name自定义,对应keyframes名称 animation-duration动画耗时,单位:秒/毫秒 animation-timi...