|前言：什么是移动端适配？

web移动端网页跟PC端显示大小与内容不一样，因此需要适配。

而且手机设备之间屏幕尺寸不一，需要适配不同屏幕宽度的移动设备。

减少代码冗余

前言 在写一个项目的时候发现一个页面有许多弹窗触发，一开始写的时候通过ID名选中元素并设置显示或不显示。后来发现一个弹窗还好，当出现若干弹窗的时候代码重复度非常高，非常冗余。

实现原生JS封装一个AJAS

前言：我们的使用ajax实现异步请求数据的时候，通常都是使用jQuery封装好的方法。

移动端适配问题

前言 当我们拿到750px像素的原型，移动端适配的时候将原型转换成html文件需要像素减半。

解决跨域问题的几种方法:

1. a标签跳转,表单提交;
2. 资源嵌入 link iframe img iframe script标签
3. JSONP跨域

背景

js经常会遇到一些异步任务（需要经过一段时间或当某个时机到达后才能得到的任务）
例如说：

1. 使用ajax请求服务器，当服务器完成响应后拿到响应结果
2. 监听按钮是否被点击，当按钮点击后拿到某个文本框的值
3. 使用setTimeout 等待一段时间，当时间到达后做某些事情

ES6的模块化

模块（module）:一块具有独立功能的代码，可以是一个函数，一个对象，甚至是一个字符串或数字，通常存储为一个单独的js文件

过程是这样的：

1. 浏览器将url地址补充完整，如果没有写协议就自动添加上协议（http： / https：）

实现的效果

目标

​ 实现一个简单的vue函数，包括双向数据绑定，数据的响应式

实现的效果