在前后端分离的开发模式中，接口数据模拟(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

CentOS 7.x 及以下自带的 openSSH 版本基本都在7.x 以下。而 openSSH 7.3 以下的版本均存在高危漏洞。所以服务器升级 openSSH 就成了一件必做的事情。 1、查看当前系统信息 1.1、查看当前系统版本 # cat /etc/redhat-release CentOS Linux release 7.0.1406 (Core)

在 windows 10 系统使用过程中，因为误按了快捷键 ctrl+alt+f8，导致同时连着的多个显示器黑屏，仅有一个显示器正常。 这是是因为 ctrl+alt+f8 快捷键将显示器设置重置为了默认值。 解决办法为：按下组合键 win+P ，然后选择“扩展”项即可。

Android Chrome 浏览器默认禁止音频自动播放，但可以通过修改系统配置参数允许这个功能。 在 Android Chrome 60.X 版本之前，chrome://flags 中有一个 disable-gesture-requirement-for-media-playback 的选项，在浏览器中输入 chrome://flags/#disable-gesture-requirement-