使用 TypeScript 来编写前端类库是当前一种流行而明智的选择。你可以全局安装 TypeScript 然后使用 tsc 来编译类库并发布，然而这不够工程化，还需要手动地一项项添加许多东西完善其工程体系。 基于 ty…

1 浮点数运算与 IEEE 754 标准 在 JavaScript 中，执行 0.1+0.2，得到的结果却是 0.30000000000000004。这就不得不提到 IEEE 754 标准。 IEEE二进制浮点数算术标准…

1 升级至 Angular8 如果你使用的是 angular/cli 构建方案，执行 ng update 即可，该过程主要是更新 package.json 中的依赖。为了了解到底改变了哪些内容，个人更喜欢手动方式升级，方…

1 Angular Git Commit Guidelines 规范 Git 提交应当书写 commit message。message 的内容怎么写都行，但如何写比较合理是一个问题。开源社区有很多相关的规范，使用最广泛…

1 Windows/MacOS 下安装 Flutter 开发环境的步骤 Flutter 开发环境安装配置过程涉及大量的文件下载，由于 GFW 的存在，整个过程可能是漫长而痛苦的。 如果你已经可以科学上网，按照官方文档逐步…

报错信息很直观地指出是内存溢出了。是什么导致了内存溢出呢？其根本原因在于 nodejs 默认限制了最大可使用的内存大小。 nodejs V8 引擎在 64 位机器上默认限制使用内存最大不超过 1.7GB，超过这个限制官方…

electron-builder 与 electron-packager 都可以用来将 webapp 通过 Electron 应用打包为桌面客户端然后发布。 这两个工具都支持命令行工具和 JSAPI 方式。在有复杂的多环…

你可能只是需要一个简单省事的 API Mock 方案，那么不如试试 simple mock？ 本文以 Vue-CLI 为例介绍引入 simple-mock 实现前端开发数据模拟的步骤。 本质上这里介绍的是在 webpac…

在前后端分离的开发模式中，接口数据模拟(API Mock)是不可避免的事情。前端同学在应对该情况时采取的办法可以各种各样，大概的方案可能会是这几类： 业务代码中临时写上 mock 数据的逻辑 在前端引入 mock 服务或…

在 Angular 中，对于表单元素，通过 [(ngModel)] 即可以简单地实现双向绑定。对于自定义组件而言，希望实现同样的效果可以怎么做呢？ 1 实现自定义组件的 ngModel 指令 如果希望自定义组件能够具有与…

Angular-cli 通过 angular.json 实现构建配置，对于复杂配置需求的支持，可以通过 ng eject 输出 webpack 的配置文件，然后自定义 webpack 来达到目的。 当前对于 Angula…

对于中大型前端项目，项目规范与代码质量尤为重要。当功能需求变更或需要重构时，随心所欲的(糟糕的)代码可能带来比重新开发还麻烦的问题。 1 前端项目代码中的常见问题 1.1 凌乱的书写风格，阅读体验差 这个问题不用作过多阐…