xiaoTuiMao

前言 本文会从前端模块化的演进历史，来逐个分析不同的模块化规范的特性与实现原理，希望通过本文的学习，大家能够彻底弄懂前端模块化的实现原理。看完本文可以掌握，以下几个方面： 为什么需要模块化，什么是模块

安装 oh-my-zsh。在 oh-my-zsh 的官网下面有这样一句话 Oh My Zsh will not make you a 10x developer...but you may feel like one. 简化常用的git操作。比如 比如笔者经常使用的 npm r…

在日常的开发过程中，作为前端的 RD 同学，会经常的去配合 PM 去做一些业务埋点，而且有些埋点还贼复杂，埋点完成还要验收，对于 QA 跟 RD 来说都是一件很麻烦的事。 埋点的上报必然跟某个dom节点有关联，比如这个节点曝光了，或者这个节点被点击了。我们如果将我们的信息有规律…

1. 我们需要实现什么 2. 确定我们的用法 4. 实现 useDispatch 5. 实现 useSelect 做完之后，我们发现，如果我的store里面的值怎么改变都不会重新触发 re-render， 应为对于组件而言，他并没有状态改动，store一直是没有变化的。那么我们…

使用hooks有一段时间了，之前也针对自己的使用经验整理了一下reacthooks实践总结，现在对最后那个flag也整理一下首先说一下react的几个阶段挂载constructorstaticgetD

setState 这里接受的参数除了一个给定的值外，还可以接受一个函数。例如 setState 会对值进行比较，如果 prevValue 跟这次的 value 相等的话（比较只是进行了浅比较），将不会触发更新。如果想强制每次更新，可以自定义一个hooks，例如 initialS…

最近组内有一个新项目，需要用的Toast这样一个组件。心里想，这样的组件，还不是分分钟就搞定呀。然后一头砸进去了开始写。 然后再调用的地方，发现如果我需要使用Toast，那么我使用的地方都得引入一下，这显然很不友好。 有一个 list 去存储所有相关事件。 这样我们就可以在AP…

最近项目中，开发一个小程序列表页，PM大大给我提了一个埋点需求，列表中的每一项，出现在屏幕中的时候，需要上报一条记录。 这样显然不是最高效的。于是我去翻了一下微信的开发文档，发现有一个 IntersectionObserver 的API，正好满足我的需求。 Intersecti…

React 作为一个视图框架，一般情况下速度已经很快了，并且在 React16 新推出的 Fiber 架构中，通过时间切片及高优先级任务中断来尽快相应用户的操作。但是有些我们忽略点，造成了不必要的组件 re-render，从而造成性能的浪费。 当组件更新时，pureCompon…