你可能只是需要一个简单省事的 API Mock 方案,那么不如试试 simple mock? 本文以 Vue-CLI 为例介绍引入 simple-mock 实现前端开发数据模拟的步骤。 本质上这里介绍的是在 webpac…
分类:前端开发
HTML5、CSS、javascript 等 web 前端技术相关
在 Angular-cli 中引入 simple-mock 实现前端开发 API Mock 接口数据模拟
在前后端分离的开发模式中,接口数据模拟(API Mock)是不可避免的事情。前端同学在应对该情况时采取的办法可以各种各样,大概的方案可能会是这几类: 业务代码中临时写上 mock 数据的逻辑 在前端引入 mock 服务或…
Angular 中实现自定义组件的双向绑定的两种方法
在 Angular 中,对于表单元素,通过 [(ngModel)] 即可以简单地实现双向绑定。对于自定义组件而言,希望实现同样的效果可以怎么做呢? 1 实现自定义组件的 ngModel 指令 如果希望自定义组件能够具有与…
一种自定义 Angular-cli 6.x/7.x 默认 webpack 配置的方法
Angular-cli 通过 angular.json 实现构建配置,对于复杂配置需求的支持,可以通过 ng eject 输出 webpack 的配置文件,然后自定义 webpack 来达到目的。 当前对于 Angula…
NVM: Node.js 多版本切换管理器的安装与使用
本文提到的 nvm 指的是 Node.js version management,用于 Node.js 多版本切换管理的工具。开源社区里有基于不同语言和不同系统的实现,但基本功能与用法都类似。 coreybutler/n…
如何保障前端项目代码质量
对于中大型前端项目,项目规范与代码质量尤为重要。当功能需求变更或需要重构时,随心所欲的(糟糕的)代码可能带来比重新开发还麻烦的问题。 1 前端项目代码中的常见问题 1.1 凌乱的书写风格,阅读体验差 这个问题不用作过多阐…
Angular 项目升级至 Angular6
前段时间将所负责的 Angular2 项目升级到了 Angular5 版本,这两天又进行了升级至 Angular6 的尝试。总的来说,两次升级过程比较类似,也不算复杂。 0. 项目特点 该项目有如下特点: 历史悠久,项目…
修改系统设置让 Chrome 浏览器支持音频自动播放
Android Chrome 浏览器默认禁止音频自动播放,但可以通过修改系统配置参数允许这个功能。 在 Android Chrome 60.X 版本之前,chrome://flags 中有一个 disable-gestu…
Angular 文档生成:使用 compodoc 生成 Angular2+ 源码组件的 API 文档
compodoc 是针对 angular2+ 设计的 API 文档生成工具,其最大的特点是使用简单,生成文档全面美观。 1 compodoc 的优缺点 API 文档主要的作用一般有: 方便快速了解整体的模块、组件依赖、项…
CSS BEM 命名规范简介
1 什么是 BEM 命名规范 Bem 是块(block)、元素(element)、修饰符(modifier)的简写,由 Yandex 团队提出的一种前端 CSS 命名方法论。 BEM 是一个简单又非常有用的命名约定。让你…