前端学习

options.data(Vue文档:深入响应式原理) getter 和 setter Object.defineProperty 声明完成实例后还想加入函数 使用代理 使用监听拦截 小结 Objec

内存图 把 Vue 实例命名为 vm 是尤雨溪的习惯，我们应该沿用 vm 对象封装了对视图的所有操作，包括数据读写、时间绑定、DOM更新 vm 的构造函数是 Vue，按照 ES6 的说法，vm 所属的

Vue完整版和运行时版的区别 对应的文件名 完整版 运行时版 推荐 使用非完整版，配合 vue-loader 和 vue 文件 思路： 保证用户体验，用户下载的 JS 文件体积更小，但只支持 h 函数

步骤 安装 @vue/cli 创建一个项目 开启 webpack-dev-server 打开当前界面 如何使用 Vue 实例 方法一：从 HTML 得到视图 也就是 “完整版 Vue” 从 CDN 引

SEO 搜索引擎优化 你可以认为搜索引擎就是不停地 curl 搜索引擎根据 curl 结果猜测页面内容 如果你的页面都是用 JS 创建 div 的，那么就很难被 curl 到 怎样操作 给 curl

安装 Webpack 官网搜索(webpack) Webpack 作用 转译代码 (ES6 转为 ES5, SCSS 转为 CSS) 构建 build 代码压缩 代码分析 webpack-dev-se

MVC 的三个对象 M - model（数据模型） 负责操作所有数据 V - view（视图） 负责视图相关的内容 C - Control（其他相关操作） 负责数据和视图以外的其他操作 EventBu

什么是设计模式 将通用的代码整合使用（一般而言比较抽象） 为什么要有设计模式 Don't Repeat Yourself - DRY 原则 怎么算重复 代码级别的重复 把相同的几行代码写了几遍 应该选

静态服务器和动态服务器的区别 判断依据 是否请求数据库 请求了, 动态服务器 没请求, 静态服务器 读取数据，存储数据 目标一 实现用户注册功能 用户提交用户名和密码 users.json 里就新增了

跨域 跨域关键知识 同源策略 浏览器故意设计的一个功能限制 CORS 突破浏览器限制的一个方法 JSONP IE 时代的妥协 同源定义 源 window.origin 或 location.origi

什么是异步？什么是同步？什么是回调？ 异步 如果能直接拿到结果那就是同步 比如在医院挂号，你拿到号才会离开 同步任务可能消耗10毫秒，也可能需要3秒 总之拿不到结果不会离开 如果不能直接拿到结果那就是

AJAX Async JavaScript And XML 作用：用 JS 发请求和收响应 背景 AJAX 是浏览器上的功能 浏览器可以 发请求，收响应 浏览器在 window 上加了一个 XMLHt

2002 年，W3C 发布标准 文档名为 DOM Level 2 Events Specification 规定浏览器应该同时支持两种调用顺序 首先按爷爷=>爸爸=>儿子顺序看有没有函数监听 然后按儿

链式风格 也叫 jQuery 风格 window.jQuery() 是我们提供的全局函数 命名风格 下面的代码令人误解 const div = $('div#test') 我们会误以为 div 是一个

什么是封装 举例 电脑笔记本就是CPU、内存、硬盘、主板、显卡的封装 用户只需要接触显示器、键盘、鼠标、触控板等设备 接口 被封装的东西需要暴露一些功能给外部 这些功能就是接口，如USB接口，HDMI

JS 用 document 操作网页 这就是 Document Object Model 文档对象模型 获取元素，也叫标签 有很多 API window.idxxx 或者直接 idxxx docume

算术运算符 number 运算符 加减乘除 余数 x % 7 指数 x ** 3 自增自减 x++ / ++x / x-- / --x 求值运算符 +x 负数运算符 -x 不同类型不要加起来 stri

定义一个函数 具名函数 匿名函数 上面的具名函数，去掉函数名就是匿名函数 let a = function(x, y){return x+y} 也叫函数表达式 箭头函数 let f1 = x => x

数组对象（数组是用对象模拟的） 典型的数组 元素的数据类型相同 使用连续的内存存储 通过数字下标获取元素 但JS的数组不这样 元素的数据类型可以不同 内存不一定是连续的（对象是随机存储的） 不能通过数

构造函数 可以构造出对象的函数 new 操作符 总计 new X() 自动做了四件事情 自动创建空对象 自动为空对象关联原型，原型地址指定为 X.prototype 自动将空对象作为 this 关键字