项目中使用的是RESTFUL接口规范,项目框架用的是vue,项目开始时,调研了几个比较有名的mock数据的插件:比如webpack的中间件api-mock,json-server,mockjs,还有express.结合我们项目的情况,逐一尝试,最后选择了express.mock方式很简单,以下为使用方式: 1. 安装node/express 2. package.json 中: npm run mock 为单独开启node的mock服务: 由于项目中同时需要编译本地代码,于是写了一个shell脚

实用工具 前端在线工具 兼容性速查 html5兼容性查询 node-es6支持度 es6兼容性表查询 设备es6支持度 游览器H5支持度 浏览器内核检测工具 手机设备信息检测 浏览器市场份额 文档手册 W3C中国 W3C国内镜像 HTML5 - MDN JavaScript - MDN ECMAScript规范 es6使用对照手册 w3school 菜鸟教程 现代 Javascript 教程 Javascript备忘录手册 JavaScript参考手册 JavaScript 全局对象 JavaS

前言 现如今前后端分离开发越来越普遍,前端人员写好页面后可以自己模拟一些数据进行代码测试,这样就不必等后端接口,提高了我们开发效率.今天就来分析下前端常用的mock数据的方式是如何实现的. 主体 项目是基于vue-cli的,首先必须搭建好vue项目环境.如果有同学不知道如何搭建vue项目,可以参考我的另外一篇文章.因为mock数据需要借助node.js中express框架,所以必须先在项目中安装npm install express --save. 搭建完基础后,我们在src文件下创建一个moc

mock数据是前端比较常见的技术,这里介绍下vue配合express 实现请求数据mock. 第一步: 安装 express :  npm install express -D 第二步: 简历需要mock的数据,在src下新建mock文件夹,文件里面新建两个文件data1.json和data2.json,如下: data1.json内容如下: { "name": "yanyalong", "title": "测试", &quo

前后端分离,有时候后端接口给的不是很及时,这就需要前端自己mock data, 本文讲的简单的node模拟数据 api路由跳转 首先有个data.js(json)文件, 路由: 配置在dev-server.js require('./check-versions')() var config = require('../config') if (!process.env.NODE_ENV) process.env.NODE_ENV = JSON.parse(config.dev.env.NODE

今年转向做前端开发,主要是做angularjs开发,期间接触了nodejs平台,从此一发不可收拾. npm丰富的插件库,express 开发框架, grunt, gulp构建工具,karma测试管理工具,jasmine单元测试框架,ng-scenario e2e测试框架(以前不知道javascript还能做端对端测试的),coffeescript, less, sass等前端技术,没想到前端是可以这样玩的. 根据这段时间的学习,我将各种相关的技术做一个前端方案的整合,主题为博客网站,命名为Sin

原文地址:http://www.moye.me/2014/12/03/express_coverage/ 引子 有群友问到Express怎么做 单元测试/覆盖率测试,这是上篇所遗漏的,特此补上 Express Web测试 做 Express Web 测试首先要面对的问题是在哪端进行测试: 客户端的请求响应测试是黑盒,需要预启动站点,且无法附加覆盖率测试 服务端的单元测试需要 Mock ,可附加覆盖率测试 我们需要对Express的路由做覆盖率测试,显然,我们会选择在服务端进行测试.这意味着:每个

原文: https://code.google.com/p/googlemock/wiki/CookBook Creating Mock Classes Mocking Private or Protected Methods Mocking Overloaded Methods Mocking Class Templates Mocking Nonvirtual Methods Mocking Free Functions The Nice, the Strict, and the Naggy

原文: https://code.google.com/p/googlemock/wiki/V1_7_ForDummies 地址被墙了, 看起来费劲, 转载一份 Google C++ Mocking Framework for Dummies Updated Nov 21, 2013 by zhanyong...@gmail.com What Is Google C++ Mocking Framework? Why Google Mock? Getting Started A Case for

写在前面 最开始只是在做活动页面时苦于效率太低制定了这样一个自动化的工作环境, 所以Github上项目名是Rapid-Dev-Activity-Page(快速开发活动页...). 活动页这类比较简单的页面有几个特点: 一刀切图, 图片自然需要压缩 资源(js, css)较少, 可以直接内联到模板或者直接合并压缩成一个文件. 大多都是服务端直接吐数据, 前端编写模板, 服务端渲染输出. 前端强依赖后端的数据和环境. 开发测试时间短, 快速开发. 其实时间短对于活动页来说并不是问题, 对于这样的页面

前后端分离之后 前后端分离后, 大家从此进入了所谓的并行开发时代. 一旦完成前后端的(边界)分工, 大家就可以各司其职了. 前端在与后端交互时, 要想有效地提高工作效率, 后端的接口文档就是重中之重了. 接口文档还不够 所谓的接口文档, 即一份数据的契约书. 前端的所有逻辑和展现全部依赖接口文档中规定的数据结构. 但是光有接口文档不足以提升前端的开发效率, 因为前端开发时, 必须调用实实在在的接口和数据才能看到结果, 尽早跑通所有的前端流程, 这才是效率的根本. 在前后端并行开发的时代, 前端开

用vue-cli搭建一个前端开发环境确实是极其方便,在写前端代码肯定也是少不了需要调用后台提供的业务接口进行前后端交互,特别在敏捷开发中,前后端都要提前确定业务接口并进行打桩,在开发过程中基本是没有现成的后台可以调用,基本上都是自己写mock进行模拟. 在vue-cli搭建的项目中,框架上用的是express的web框架,要做一个mock是很方便的. 假设前端页面上需要获取所有的新闻列表,那么就需要mock一个能够返回所有新闻列表数据的接口. 接下来就在项目中实现mock功能. 脚手架生成项目

在vue项目中, mock数据可以使用 node 的 express模块搭建服务 1. 在根目录下创建 test 目录, 用来存放模拟的 json 数据, 在 test 目录下创建模拟的数据 data.json 文件 2.在build目录下的 dev-server.js的文件作如下更改 var appData = require('../test/data.json') // 获取数据 var apiRoutes = express.Router(); //get请求 apiRoutes.get

<一统江湖的大前端>系列是自己的前端学习笔记,旨在介绍javascript在非网页开发领域的应用案例和发现各类好玩的js库,不定期更新.如果你对前端的理解还是写写页面绑绑事件,那你真的是有点OUT了,前端能做的事情已经太多了, 手机app开发 , 桌面应用开发 , 用于神经网络人工智能的库 , 页面游戏 , 数据可视化 , 甚至 嵌入式开发 ,什么火就搞什么,活脱脱一个蹭热点小能手.如果你也觉得前端的日常开发有些枯燥,不妨一起来看看前端的另一番模样. 为什么你总是下不了班 大部分工程化的项目为

Node.js Node 是一个让 JavaScript 运行在服务端的开发平台,它让 JavaScript 成为与PHP.Python.Perl.Ruby 等服务端语言平起平坐的脚本语言.官网下载node.js mock.js 官网 新建项目文件夹nodeServer,用git bash初始化,生成package.json文件 npm init -y 进入nodeServer下,用node自带的npm下载安装mock npm install mockjs 进入nodeServer下,通过npm

1.为什么要搭建mock-server? 为了更好的分工合作,让前端能在不依赖后端环境的情况下进行开发,其中一种手段就是为前端开发者提供一个 web 容器,这个本地环境就是 mock-server. 目前很多前端 mock 数据的方案的基本流程都是使用 node.js 来模拟 http 请求,配置 router 返回 mock 数据. 一个比较好的 mock-server 该有的能力: 1.与线上环境一致的接口地址,每次构建前端代码时不需要修改调用接口的代码 2.所改即所得,具有热更新的能力,每

今天,我教大家来搭建一个简单服务端 参考文章: https://www.jianshu.com/p/cb89d9ac635e https://www.cnblogs.com/jj-notes/p/6670310.html https://www.cnblogs.com/cxxjohnson/p/5914583.html 使用的工具: navicat  快速操作数据库,因为大多数前端对于sql语句的使用都不熟,所以为了快速搭建就推荐大家使用navicat postman 模拟post请求,get可

之前学习过node.js接触过express框架,最近为了编写一个mock server正好用到了express.下面正好就跟大家介绍一下关于express.今天的内容主要围绕这么几个方面? express框架初步介绍 express框架中的app.use和app.get/app.post mock server 介绍 mock server的实现思路 一.express框架初步介绍 关于express框架的介绍,这里我引用菜鸟教程的简介:Express是一个简洁而灵活的node.js web框

http://expressjs.com/en/4x/api.html#req.method http://expressjs.com/en/guide/routing.html [Route paths]路由参数=路径参数   对应console.dir(req.params) 以此来支持动态URL,于是请求一个资源可以是 /resource/:id 甚至可以用正则 /resource/1? [Query string]查询字符串=queryParams 对应console.dir(req.q

前言: 大多数时候,前端会和后端同时进行开发,即在我们开发完页面的时候,很可能还不能立马进入联调阶段,这个时候,为了保证我们接口的有效性和代码的功能完整,我们可能需要模拟数据. 模拟数据方法 1.通过js变量模拟后台数据 优点:不需要服务器 缺点:需要造很多变量,同时还要将变量在我们的有效代码中使用,最后还得删除 2.通过ajax请求json文件 优点:只需要配置路径,就可以访问,进入联调阶段不用修改大量的js代码 缺点:ajax存在跨域问题,通常无法请求本地文件,即使火狐也存在不能访问不同文件