你可能只是需要一个简单省事的 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 凌乱的书写风格，阅读体验差 这个问题不用作过多阐…

前段时间将所负责的 Angular2 项目升级到了 Angular5 版本，这两天又进行了升级至 Angular6 的尝试。总的来说，两次升级过程比较类似，也不算复杂。 0. 项目特点 该项目有如下特点： 历史悠久，项目…

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

compodoc 是针对 angular2+ 设计的 API 文档生成工具，其最大的特点是使用简单，生成文档全面美观。 1 compodoc 的优缺点 API 文档主要的作用一般有： 方便快速了解整体的模块、组件依赖、项…

1 什么是 BEM 命名规范 Bem 是块（block）、元素（element）、修饰符（modifier）的简写，由 Yandex 团队提出的一种前端 CSS 命名方法论。 BEM 是一个简单又非常有用的命名约定。让你…

无论使用 npm 还是 yarn 管理前端项目的依赖，都可能会遇到网络访问问题而头疼。另外，你可能工作中需要使用内部私有仓库模块，却又有时又需要对外发布或更新模块。此时频繁来回切换或加 registry 后缀也会比较烦人…

本文介绍的方案来源于一次 H5 活动的开发实践。 H5 DEMO 参考：bir2017 拿到设计稿后，如何进行布局还原？ 如果只需要做非精确的响应式设计，那么使用媒体查询来实现就 OK 了。如果需要精确还原设计稿，则一般…

puppeteer 安装时跳过 chrome 安装的方法 puppeteer 安装时跳过下载 chrome 在项目目录里安装 puppeteer 时，都会下载 Chromium。这个慢不说，也会造成重复下载、耗时过长等问…