对于前端打包构建生产环境的产出内容，特别是在采用了 Vue.js、React 或 Angular 等主流框架的时候，其体积达数 M 是很常见的现象。 当希望对包体积进行优化分析时，或许你知道可以选择使用 webpack-bundle-analyzer， 其实 source-map-explorer 也是个不错的选择。当打包输出结果生成了 sourceMap，source-map-explorer

使用 TypeScript 来编写前端类库是当前一种流行而明智的选择。你可以全局安装 TypeScript 然后使用 tsc 来编译类库并发布，然而这不够工程化，还需要手动地一项项添加许多东西完善其工程体系。 基于 typescript-starter 这个开源工具库，你可以从命令行快速创建一个工程体系完善的 TypeScript 项目。 Quickly create and configure

1 浮点数运算与 IEEE 754 标准 在 JavaScript 中，执行 0.1+0.2，得到的结果却是 0.30000000000000004。这就不得不提到 IEEE 754 标准。 IEEE二进制浮点数算术标准（IEEE 754）定义了表示浮点数的格式（包括负零-0）与反常值（denormal number）、一些特殊数值（无穷（Inf）与非数值（NaN））、以及这些数值的“浮点数运算符

1 升级至 Angular8 如果你使用的是 angular/cli 构建方案，执行 ng update 即可，该过程主要是更新 package.json 中的依赖。为了了解到底改变了哪些内容，个人更喜欢手动方式升级，方法参考如下： 首先全局安装 @angular/cli： npm i -g @angular/cli； 然后创建一个新的项目 ng new ng8-demo； 对比测试项目 ng8-

1 Angular Git Commit Guidelines 规范 Git 提交应当书写 commit message。message 的内容怎么写都行，但如何写比较合理是一个问题。开源社区有很多相关的规范，使用最广泛的则是Angular Git Commit Guidelines 规范，并且有众多相关的工具可以检测提交是否遵循了预定义的规范。 Angular 规范要求的 commit mess

ES2016(ES7) Array.prototype.includes 指数运算符 ** ES2017(ES8) ''.padStart 和 ''.padEnd Object.values Object.entries Object.getOwnPropertyDescriptors() 函数参数列表和调用中的尾随逗号 Async Functions 异步函数 Async/Await 共享内存

1 Windows/MacOS 下安装 Flutter 开发环境的步骤 Flutter 开发环境安装配置过程涉及大量的文件下载，由于 GFW 的存在，整个过程可能是漫长而痛苦的。 如果你已经可以科学上网，按照官方文档逐步去做就行，如果你有一个高速代理，可能会省事很多。否则建议做好用迅雷等 p2p 下载各种安装包的准备，所有涉及下载的文件均推荐采用迅雷等 p2p 工具下载。 安装配置 Flutter

报错信息很直观地指出是内存溢出了。是什么导致了内存溢出呢？其根本原因在于 nodejs 默认限制了最大可使用的内存大小。 nodejs V8 引擎在 64 位机器上默认限制使用内存最大不超过 1.7GB，超过这个限制官方建议尝试优化为多线程方式。 解决办法可以是增加 nodejs 可使用的最大内存大小，也可以从降低程序内存消耗的角度入手。 解决办法一： 设置 nodejs 配置项 配置项 max_

electron-builder 与 electron-packager 都可以用来将 webapp 通过 Electron 应用打包为桌面客户端然后发布。 这两个工具都支持命令行工具和 JSAPI 方式。在有复杂的多环境构建需求的情况下，通过 JSAPI 定制不同的参数更为方便可控。但是由于参数众多的原因，实现想要的效果需要注意较多的细节，可能会采一些坑才能达到目的。 本文将分别简要介绍使用 e

你可能只是需要一个简单省事的 API Mock 方案，那么不如试试 simple mock？ 本文以 Vue-CLI 为例介绍引入 simple-mock 实现前端开发数据模拟的步骤。 本质上这里介绍的是在 webpack-dev-server 中配置 simple-mock 实现 API Mock，所以适用于任何采用 webpack 的前端项目。 1 simple-mock 简介 simple-