前端领域的数据结构与算法解读 - fiberReactreact核心思想：内存中维护一颗虚拟DOM树，数据变化时（setState），自动更新虚拟DOM，得到一颗新树，然后diff新老虚拟DOM树，找到有变化的部分，得到一个change(patch)，将这个patch加入队列，最终批量更新这些pat ...

webpack代码优化实践 深入理解Tree-shaking

由于React的简陋 【什么都没有】的API的设计，在React组件使用过渡动画十分困难,当然可以用 react-transition-group ,不过不好用啊！ 相比Vue官方的过渡组件transition 组件就十分强大，很贴心 ，确切的说真香！ 鉴于React什么都没有,什么都需要你自己 ...

TypeScript 代码整洁之道注释(1) 文件顶部的注释，包括描述、作者、日期12345/** * @description xxxxxx * @author chengfeng * @since 19/05/21 */ (2) 模块的注释123456/** * 拷贝数据 * @param & ...

1 状态共享随着组件的细化，就会遇到多组件状态共享的情况，Vuex当然可以解决这类问题，不过就像Vuex官方文档所说的，如果应用不够大，为避免代码繁琐冗余，最好不要使用它，今天我们介绍的是vue.js 2.6新增加的Observable API ，通过使用这个api我们可以应对一些简单的跨组件数据状 ...

CSS滚动条样式之前重构微博私信的时候,地址,要保持各个浏览器滚动条样式的统一。在webkit内核浏览器我们可以这样定义整个页面的滚动条样式:123456789101112::-webkit-scrollbar { //隐藏滚轮display: none; width: 6px; hei ...

为什么选择插件，而不是组件？ 调用简单 this.$toast(“xxx”) ，不必再模板中提前定义 , 动态插入移除 插件独立于业务 更新不影响代码逻辑，做到热更新 抽象,封装 适用于toast，Dialog，Alert，Message，picker，Actionsheet等组件 react ...

在 webpack 2 版本, 增加了对 ES Module 的支持, 使得 webpack 能够分析出未使用的 export 内容, 然后将其 tree-shrking 掉 但是模块中那些具备副作用的代码, webpack 会将其保留 举一个例子, 项目中存在 utils/a.js 模块和 /ut ...

不知道你是否写过类似的代码:123456789101112131415161718function test() { let arr = [3, 2, 1] arr.forEach(async item => { const res = await fetch(item) ...

画个大圆套小圆12345678910111213141516171819202122232425<div class="container"> <div class="wave"></div></div><style> .con ...