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

1 什么数字证书（Certificate） 数字证书是一种用于电脑的身份识别机制。由数字证书颁发机构（CA）对使用私钥创建的签名请求文件做的签名（盖章），表示 CA 结构对证书持有者的认可。数字证书拥有以下几个优点： 使用数字证书能够提高用户的可信度 数字证书中的公钥，能够与服务端的私钥配对使用，实现数据传输过程中的加密和解密 在证认使用者身份期间，使用者的敏感个人数据并不会被传输至证书持有者的网

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

在前后端分离的开发模式中，接口数据模拟(API Mock)是不可避免的事情。前端同学在应对该情况时采取的办法可以各种各样，大概的方案可能会是这几类： 业务代码中临时写上 mock 数据的逻辑 在前端引入 mock 服务或框架，对 HTTP 请求服务进行拦截 代理转发至自建的 mock server 本文主要介绍在 Angular-cli 中引入 simple-mock 以快速实现项目数据接口模拟功

在 Angular 中，对于表单元素，通过 即可以简单地实现双向绑定。对于自定义组件而言，希望实现同样的效果可以怎么做呢？ 1 实现自定义组件的 ngModel 指令 如果希望自定义组件能够具有与表单元素相同的 ngModel 效果，可以通过在组件内实现 ControlValueAccessor 接口达到目的。 对于 ，需要至少实现该接口的如下方法：

Angular-cli 通过 angular.json 实现构建配置，对于复杂配置需求的支持，可以通过 ng eject 输出 webpack 的配置文件，然后自定义 webpack 来达到目的。 当前对于 Angular 6.x/7.x 的项目，Angular-cli 需采用 6.x/7.x 版本，而这些版本不支持 ng eject 命令，于是希望自定义 webpack 配置实现更多复杂需求就无

本文提到的 nvm 指的是 Node.js version management，用于 Node.js 多版本切换管理的工具。开源社区里有基于不同语言和不同系统的实现，但基本功能与用法都类似。 coreybutler/nvm-windows - windows 上使用最多的选择 nvm-sh/nvm - Mac / Linux 上使用最多的选择 jasongin/nvs - 支持所有主流系统平台的

对于中大型前端项目，项目规范与代码质量尤为重要。当功能需求变更或需要重构时，随心所欲的(糟糕的)代码可能带来比重新开发还麻烦的问题。 1 前端项目代码中的常见问题 1.1 凌乱的书写风格，阅读体验差 这个问题不用作过多阐述，想必接手过他人代码的同学，多少都有些体会。简单来说，太过随意的代码会让强迫症患者难以容忍，难以阅读理解的代码有时甚至不如推倒重来。 1.2 低质量的编码，bug 不断 什么样的

主要原因是默认字符集编码的问题。我们将它默认值设置为 utf8：设置环境变量 LESSCHARSET=utf8 即可。 重新打开一个新的 PowerShell 窗口再试，问题解决。 另外多说一句，都用上 PowerShell 了，不妨也试一试 Windows Terminal，Windows 下非常好用。从 windows 10 应用商店搜索安装即可。其开源仓库地址为： https://githu

前段时间将所负责的 Angular2 项目升级到了 Angular5 版本，这两天又进行了升级至 Angular6 的尝试。总的来说，两次升级过程比较类似，也不算复杂。 0. 项目特点 该项目有如下特点： 历史悠久，项目庞大，源码文件数量近千 业务代码为主，极少应用 Angular 高级特性(升级简单) 采用 pug 编写 html 结构 采用 Less 编写 css 样式 采用 Express