西风XF

window.requestIdleCallback()方法将在浏览器的空闲时段内调用的函数排队。这使开发者能够在主事件循环上执行后台和低优先级工作 该图中的两个帧，在每一帧内部，TASK和redering只花费了一部分时间，并没有占据整个帧，那么这个时候，如图中idle pe…

NPM是随同 NodeJS 一起安装的包管理工具，能解决 NodeJS代码部署上的很多问题，介绍了NPM常用的命令和钩子

当我们讨论「应用架构」的时候，可以理解为通过以下几个部分组合来构建网站。 Component model 组件模型。 Rendering and loading 渲染和加载。 Routing and transitions 路由和过渡。 Data/state managemen…

最外层是一个立即执行函数，入参是所有的 modules（模块） list。传入的 modules 参数是一个对象。 对象的格式是，文件名: 方法。 key 是 index.js 文件的相对路径，value 是一个匿名函数，函数体里面就是咱们写在 index.js 里的代码。（这…

2020年，大家都说是魔幻的一年。 于世界而言：由新冠疫情为导火索引发的，逆全球化、美股熔断、台海局势、美国社会撕裂等等事件给这一年带来了许多魔幻色彩。 于国家而言：一方面，我朝对疫情的完美控制证明了我们体制的强大之处，从此我们对国家崛起更有信心；另一方面，经济发展延缓、不少人…

我工作中的技术栈主要是 React + TypeScript，这篇文章我想总结一下如何在项目中运用 React 的一些技巧去进行性能优化，或者更好的代码组织。 性能优化的重要性不用多说，谷歌发布的很多调研精确的展示了性能对于网站留存率的影响，而代码组织优化则关系到后续的维护成本…

之前有系统的学过 TypeScript，并且可以在项目中使用一些基本的类型定义，但是对于高级类型却一知半解，看到一些项目或者库中写的高级类型完全是懵逼的状态，于是就决定想办法去改变这种状态。忘记是哪位大神说过：看源码是最好的学习方式，于是就决定找个专门做 TypeScript …

webpack 对于每个前端儿来说都不陌生，它将每个静态文件当成一个模块，经过一系列的处理为我们整合出最后的需要的 js、css、图片、字体等文件。来自官网的图很形象的阐述了 webpack 的功能 —— bundle js / css / ... （打包全世界ヾ(◍°∇°◍)…

使用CopyWebpackPlugin插件，在webpack中copy文件或文件夹1、下载CopyWebpackPlugin：2、在build/webpack.base.conf.js文件下使用插件：