Mock.js 是一款模拟数据生成器，旨在帮助前端攻城师独立于后端进行开发，帮助编写单元测试。提供了以下模拟功能：

• 根据数据模板生成模拟数据
• 模拟 Ajax 请求，生成并返回模拟数据
• 基于 HTML 模板生成模拟数据

Mock.js支持的随机数据类型很丰富，包括文本、数字、布尔值、日期、邮箱、链接、图片、颜色等等，足够我们开发使用了。官方文档

Json-Server

环境

需要安装 node.js

开始

1.全局安装json-server：npm install -g json-server，可通过json-server -h测试

2.新建一个文件夹，如JSONSERVER，然后cd JSONSERVER进入文件夹中.

利用node.js + http-server + 本地json文件搭建一个本地服务器，以供本地接口获取服务端数据

准备本地json文件

• json文件可以手动编辑，也可以从免费接口获取。如：test.json
• 新建文件夹localserver，将test.json移动至此

实现功能

1. 完整的操作页面
2. 首页展示所有保存的接口列表
3. 创建的接口保存到本地
4. 支持重新编辑
5. 编辑过程实时预览和错误提示
6. 根据接口名称或者url进行检索
7. 提供url跨域调用

下载完成安装依赖就可使用:选中jsonServer–右键open with vscode–npm install

什么是LocalStorage

LocalStorage译为“本地存储器”，是HTML5中新增的一个存储对象，跟Cookie一样也是用来本地存储来的，但是解决了Cookie存储空间不足的问题(cookie每条存储空间为4k)，而localStorage浏览器一般支持5M，通常以键/值对形式的字符串进行存储。

什么是SessionStorage

SessionStorage译为“会话存储”，也是HTML5新增的一个存储对象， 用于本地临时存储同一窗口的数据，在关闭窗口之后将会删除这些数据，SessionStorage浏览器一般支持5M，通常以键/值对形式的字符串进行存储。

理解cookie，session，token

发展史

1、很久很久以前，Web 基本上就是文档的浏览而已， 既然是浏览，作为服务器， 不需要记录谁在某一段时间里都浏览了什么文档，每次请求都是一个新的HTTP协议， 就是请求加响应， 尤其是我不用记住是谁刚刚发了HTTP请求，每个请求对我来说都是全新的。这段时间很嗨皮!

2、但是随着交互式Web应用的兴起，像在线购物网站，需要登录的网站等等，马上就面临一个问题，那就是要管理会话，必须记住哪些人登录系统， 哪些人往自己的购物车中放商品， 也就是说我必须把每个人区分开，这就是一个不小的挑战，因为HTTP请求是无状态的，所以想出的办法就是给大家发一个会话标识(session id), 说白了就是一个随机的字串，每个人收到的都不一样， 每次大家向我发起HTTP请求的时候，把这个字符串给一并捎过来， 这样我就能区分开谁是谁了。

随着前端js代码复杂度的提高，JavaScript模块化这个概念便被提出来，前端社区也不断地实现前端模块化，直到es6对其进行了规范，下面就介绍JavaScript模块化。

JavaScript模块化是如何一步一步地发展起来的，并且也会主要对这些模块化方式做一个简单的比较。

最近在学习移动web开发相关内容，在手机京东项目实战的时候，会进行样式设计：当屏幕向上滑动时，搜索框的透明度会发生变化，该变化至滑动范围超出轮播图区域时截止，透明度由0至1。其计算方法为轮播图的高度除以轮播图滚出屏幕的高度。

:first-child匹配父元素的第一个子元素E。

1
2
3
4
5
6

<ul>
	<li>列表项一</li>
	<li>列表项二</li>
	<li>列表项三</li>
	<li>列表项四</li>
</ul>

在上述代码中，如果我们要设置第一个li的样式，那么代码应该写成li:first-child{ sRules }，而不是ul:first-child{ sRules }。

• onclick()这种写法是DOM0级规范的写法，是所有的浏览器支持的，但是这种写法有不能同时绑定多个事件、使代码耦合在了一起的弊端。

• addEventListener() 是DOM2标准中定义的方法，它可以控制是在事件捕获阶段或者是在冒泡阶段调用事件处理程序。只有支持DOM2级事件处理程序的浏览器才支持这个方法（IE9+）。

• 原生addEventListener比jQuery中的on慢了60倍，本文中的on为原生的“on + 事件”。