一年前的所写，今日看到，贴于此。前端变化迅速，谨慎参考 最近工作中一个项目在运行时有一些性能问题，为此我看了很多与性能优化相关的内容，下面做个简单的分享。 前端性能优化，这包括 CSS/JS 性能优化、网络性能优化等等内容，这方面的内容 《高性能网站建设指南》、《高性能网站建设进阶指南》、《高性能JavaScript...

fps（frames per second），指一秒内屏幕刷新的次数或者动画在一秒内更新的帧数。现代浏览器大多每秒刷新 60 次，为了和设备的刷新频率保持一致，动画也要保证每秒 60 更新帧。如果低于 60 fps，称动画发生了掉帧，如果掉帧严重，用户则能够明显地感觉到卡顿。高的帧率，意味着更连贯的动画，更流畅的滚动，这些总是能带...

find find 命令会沿着文件层次向下遍历，匹配符合条件的文件，然后执行响应的命令。 列出某个目录下的所有文件 {代码...} -print 是默认的，对输出的文件名使用 n 分隔，也可以使用 -print0 这个时候会使用 0 作为分隔符。 使用文件名来搜索 -name 选项的参数指定了文件名中必须包含的字符串。文件名中可以包含通配符。 ...

npm script 是记录在 package.json 中的 scripts 字段中的一些自定义脚本，使用自定义脚本，用户可以将一些项目中常用的命令行记录在 package.json 不需要每次都要敲一遍。

npm 有很多命令，有很多并不常用，而有些则非常常用，还有些很有用，但很多人却不知道，下面列出了一些常见和一些非常有用的命令，并详细说明了它的用法。

一个大型项目常常要依赖很多第三方的模块，而第三方的模块又有自己的依赖，假如其中有两个模块依赖了同一个模块的不同版本，这个时候该模块就要存在两个不同版本，那么它们在 node_modules 中是如何存在的呢？ npm 的大量工作都是在处理这样的版本依赖问题。

每天都在使用 npm，但自己明白很多地方还是不清楚，为此决定仔细阅读 npm 的官方文档，这篇文章讲解了 npm 的基本使用方法，后续会讲 npm 的一些高级用法。

webpack 构建了你整个项目的依赖树，entry 用来指定打包的起始节点，webpack 会从这个节点出发将所有依赖的模块打包进来。可以指定一个或多个 entry，具体配置方法如下：

如果利用 webpack 将项目中的所有代码打包在一起，很多时候是不适用的，因为代码中有些东西我们总是希望将其拆分出来。比如： 样式表，希望利用 link 标签引入 使用概率较低的模块，希望后期需要的时候异步加载 框架代码，希望能利用浏览器缓存下部分不易变动的代码 下面是我在阅读 webpack 的官方文档时候，记录的一些...

Fetch API Fetch API 旨在用来简化 HTTP 请求，它包含以下类和方法： fetch 方法：用于发起 HTTP 请求 Request 类：用来描述请求 Response 类：用来表示响应 Headers 类：用来表示 HTTP 头部信息 基本用法 fetch 方法接受一个表示 url 的字符串或者 一个 Request 对象作为参数，返回 Promise 对象。请求成功后将结果封装...