对于前端打包构建生产环境的产出内容，特别是在采用了 Vue.js、React 或 Angular 等主流框架的时候，其体积达数 M 是很常见的现象。 当希望对包体积进行优化分析时，或许你知道可以选择使用 webpack-…
使用 FRP 实现在家远程桌面到公司内网进行远程办公
Update: 2024-06-10 由于安全等原因，公司对于 VPN 访问内网的权限也非常慎重。这就导致在公司外很难进行完整的内网访问。另外，当你的办公环境、大量办公相关的文件均在公司内网办公机器上时，在公司外你也想远…
使用 typescript-starter 快速创建基于 TypeScript 的前端类库项目
使用 TypeScript 来编写前端类库是当前一种流行而明智的选择。你可以全局安装 TypeScript 然后使用 tsc 来编译类库并发布，然而这不够工程化，还需要手动地一项项添加许多东西完善其工程体系。 基于 ty…
确保前端 JavaScript 浮点数精度的四则运算方法
1 浮点数运算与 IEEE 754 标准 在 JavaScript 中，执行 0.1+0.2，得到的结果却是 0.30000000000000004。这就不得不提到 IEEE 754 标准。 IEEE二进制浮点数算术标准…
升级至 Angular8 及实现自定义 webpack 配置的方案
1 升级至 Angular8 如果你使用的是 angular/cli 构建方案，执行 ng update 即可，该过程主要是更新 package.json 中的依赖。为了了解到底改变了哪些内容，个人更喜欢手动方式升级，方…
vscode插件开发：定制 vscode 主题插件扩展
vscode 自带的几款主题都很漂亮，也支持通过用户配置修改一些常用的配色，但是如果想对很多部分的配色进行修改则没那么容易。我们可以通过基于已有主题定制自己的 vscode 主题扩展来实现该目的。 vscode 的主题、…
使用 commitlint 约束项目 Git 代码提交描述信息格式规范
1 Angular Git Commit Guidelines 规范 Git 提交应当书写 commit message。message 的内容怎么写都行，但如何写比较合理是一个问题。开源社区有很多相关的规范，使用最广泛…
ES2016、ES2017、ES2018、ES2019、ES2020、ES2021、ES2022、ES2023 新特性概览
ES2016(ES7) Array.prototype.includes 指数运算符 ** ES2017(ES8) ''.padStart 和 ''.padEnd Object.values Object.entries…
Flutter 开发环境安装配置、入门学习及相关优质资源
1 Windows/MacOS 下安装 Flutter 开发环境的步骤 Flutter 开发环境安装配置过程涉及大量的文件下载，由于 GFW 的存在，整个过程可能是漫长而痛苦的。 如果你已经可以科学上网，按照官方文档逐步…
nodejs 执行失败报错 “JavaScript heap out of memory” 的解决办法
报错信息很直观地指出是内存溢出了。是什么导致了内存溢出呢？其根本原因在于 nodejs 默认限制了最大可使用的内存大小。 nodejs V8 引擎在 64 位机器上默认限制使用内存最大不超过 1.7GB，超过这个限制官方…