对于中大型前端项目，项目规范与代码质量尤为重要。当功能需求变更或需要重构时，随心所欲的(糟糕的)代码可能带来比重新开发还麻烦的问题。 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-

compodoc 是针对 angular2+ 设计的 API 文档生成工具，其最大的特点是使用简单，生成文档全面美观。 1 compodoc 的优缺点 API 文档主要的作用一般有： 方便快速了解整体的模块、组件依赖、项目架构等 方便 API 文档快速查阅 利于重复方法、变量等的分析，优化项目结构( Miscellaneous) 项目质量跟踪，文档覆盖率统计分析(Documentation cov

1 什么是 BEM 命名规范 Bem 是块（block）、元素（element）、修饰符（modifier）的简写，由 Yandex 团队提出的一种前端 CSS 命名方法论。 BEM 是一个简单又非常有用的命名约定。让你的前端代码更容易阅读和理解，更容易协作，更容易控制，更加健壮和明确，而且更加严密。 1.1 BEM 命名模式 BEM 命名约定的模式是： .block {} .block__ele

无论使用 npm 还是 yarn 管理前端项目的依赖，都可能会遇到网络访问问题而头疼。另外，你可能工作中需要使用内部私有仓库模块，却又有时又需要对外发布或更新模块。此时频繁来回切换或加 registry 后缀也会比较烦人。 nrm 即是因此类需求而产生的，它是一个用于快速切换 npm 源地址的 nodejs 工具。 1. 使用 nrm 安装 nrm： npm i -g @lzwme/nrm nrm

本文介绍的方案来源于一次 H5 活动的开发实践。 H5 DEMO 参考：bir2017 拿到设计稿后，如何进行布局还原？ 如果只需要做非精确的响应式设计，那么使用媒体查询来实现就 OK 了。如果需要精确还原设计稿，则一般通过缩放来实现，常见的缩放方案有基于 viewport 和基于 rem 的布局适配方法。 1 viewport 缩放方案 在移动端，可以通过 viewport 缩放页面大小比率达到