农场主，做网站卖猪

0

webpack配置使用PWA

• 万年打野易大师   5月29日发布
• 收藏

pwa离线应用缓存使用APP在实际应用中很多会用到重要插件：workbox-webpack-plugin下载安装在webpack.config.js文件配置引入使用plugins中添加 {代码...} 使用，在入口文件引入service-worker {代码...} service-w...

0

react的setState函数同步还是异步？

• 万年打野易大师   5月24日发布
• 收藏

1、由 React 控制的事件处理程序，以及生命周期函数调用 setState 不会同步更新 state 。2、React 控制之外的事件中调用 setState 是同步更新的。比如原生 js 绑定的事件，setTimeout/setInterval 等。

0

vue2.6.11版本的nextTick

• 万年打野易大师   5月23日发布
• 收藏

{代码...} Promise > MutationObserver > setImmediate > setTimeoutMutationObserver能监听一个DOM对象上发生的子节点删除、属性修改、文本内容修改等 {代码...} 熟悉任务执行机制就能了解

0

react边界错误问题优化

• 万年打野易大师   5月23日发布
• 收藏

理解：错误边界(Error boundary)：用来捕获后代组件错误，渲染出备用页面特点：只能捕获后代组件生命周期产生的错误，不能捕获自己组件产生的错误和其他组件在合成事件、定时器中产生的错误使用方式：getDerivedS...

0

react类组件优化

• 万年打野易大师   5月23日发布
• 收藏

只要执行setState(),即使不改变状态数据, 组件也会重新render() ==> 效率低只当前组件重新render(), 就会自动重新render子组件，纵使子组件没有用到父组件的任何数据 ==> 效率低

0

react中向组件内部动态传入标签（带参数）

• 万年打野易大师   5月23日发布
• 收藏

react中模拟vue的slot插槽：使用children props: 通过组件标签体传入结构使用render props: 通过组件标签属性传入结构,而且可以携带数据，一般用render函数属性

0

对比react和vue的diff算法

• 万年打野易大师   5月22日发布
• 收藏

最近从vue使用转到react使用，之前研究过vue的diff算法，闲来看了看react的diff源码，写一点自己的见解1.vue的diff算法diff算法发生在虚拟dom上判断是否同一个节点：selector和key都要一样diff规则：只比较同层的...

2

hiprint自定义前端打印组件

• 万年打野易大师   5月18日发布
• 2 收藏

项目技术栈：umi3+react17+antd pro5项目需要打印功能，需要能自定义打印模版，极短的时间找到了一个叫hiprint的插件官方地址：hiprint插件该插件基于Jquery，所以在react项目中需要引入jquery，好难受哇先从官网...

0

redux中使用TS每次都要定义一遍类型？

• 万年打野易大师   5月17日发布
• 收藏

umi架构下：ts项目中redux定义module每次都要写一遍类型定义麻烦得很typing文件夹下创建Redux.d.ts声明文件 {代码...} 如何使用models文件夹下创建staff.ts {代码...}

1

react中使用keepAlive实现导航tabs

• 万年打野易大师   5月17日发布
• 1 收藏

在后台项目中使用tabs导航是一个重要的功能下面介绍一下如果配合umi框架和对应的插件实现此功能参考：react-activation参考实现：实现一个tabs目前项目用的架构设计是umi3+react17+antd pro51.引入使用相关插件插...

1

react使用hook——useState的坑

• 万年打野易大师   5月17日发布
• 收藏

因为useState不能像setState那样进行合并更新，当使用useState第二个参数进行数据更新的时候，必须传入一个完整的结构，而不仅仅只是改变的那一部分。

2

virtualbox安装自己的gitlab，并配置静态IP

• 万年打野易大师   3月28日发布
• 1 收藏

直接安装就行了，运行过程中有无法加载的问题，需要进入bios打开电脑的虚拟机模拟设置（有些电脑可能不支持）。具体的操作在百度搜一下一大堆，这儿就不再说了

4

react17中生命周期改变，组件挂载流程微调

• 万年打野易大师   3月25日发布
• 3 收藏

可以看到新版的生命周期中 componentWillMount, componentWillReceiveProps, componentWillUpdate 三个生命周期被干掉了，其实还没被干掉，使用时会报警告：（componentWillReceiveProps也一样的警告）

19

vue3常用的API实用型

• 万年打野易大师   3月24日发布
• 14 收藏

vue3.x已经发布了这么久，相关的生态也慢慢起来了，包括vite这个新的打包工具，在vue3.0学习过程中有一些实用性的api对比，希望能在开发中给大家做个示范，准确的使用对应的api去完成我们的项目开发

22

reduce方法高级使用

• 万年打野易大师   3月18日发布
• 16 收藏

前端小伙伴儿应该都听过reduce这个数组的方法，总结一下我在开发过程中遇到的reduce的一些好玩儿的用法老规矩，上MDN：reduce-MDN简单介绍一下一些重要的点定义：reduce() 方法对数组中的每个元素执行一个由您提...

1

函数复杂度检测和优化-学习

• 万年打野易大师   3月15日发布
• 1 收藏

代码的复杂度是评估一个项目的重要标准之一。较低的复杂度既能减少项目的维护成本，又能避免一些不可控问题的出现。然而在日常的开发中却没有一个明确的标准去衡量代码结构的复杂程度，大家只能凭着经验去评估代...

1

学习vuecli背后的过程

• 万年打野易大师   3月15日发布
• 1 收藏

【vue.js】bin/vue.js利用commander来定义命令选项create，将create命令匹配到create方法(lib/create.js)，执行该方法;

2

封装一个performance监控类

• 万年打野易大师   3月13日发布
• 1 收藏

谷歌浏览器内嵌了性能测试工具Lighthouse，F12打开能看到，使用参考： Lighthouse工具前端性能监控，设置监控超时的任务，回传到服务器完整代码如下 {代码...} 为了监测工具不占用主线程的 JavaScript 解析时间。...

2

鼠标移入放大图片预览效果实现

• 万年打野易大师   3月4日发布
• 1 收藏

商城项目中，有鼠标移入图片放大的功能，研究一下实现 {代码...} 具体效果复制下去打开看看

0

JS高级运算符

• 万年打野易大师   2月25日发布
• 收藏

在代码精简优化过程中，我们总会想着要去简练我们的代码，尽量做到用最少的代码完成最好的功能下面介绍4个JS开发优化的高级运算符使用1、(param ? res1 : res2)三元运算符三元运算符，又叫条件运算符接受三个运算...