参考资料： 阮一峰 XMLHttpRequest Level 2 使用指南 你真的会使用XMLHttpRequest吗？ XMLHttpRequestXMLHttpRequest的发展历程XMLHttpRequest一开始只是微软浏览器提供的一个接口，后来各大浏览器纷纷效仿也提供了这个接口，再后来W ...

Vue源码解析-响应式原理（计算属性、监听属性、组件更新）计算属性&&监听属性 了解计算属性实现原理 了解监听属性实现原理和几种配置 了解各自的适用场景 计算属性实现原理 类型：{ [key: string]: Function | { get: Function, set: F ...

Vue源码解析-响应式原理原理图： 数据变化到 DOM 变化，前端开发工作 数据渲染到界面 处理用户交互 响应式对象Vue.js 实现响应式的核心是利用了 ES5 的 Object.defineProperty，这也是为什么 Vue.js 不能兼容 IE8 及以下浏览器的原因，Object.d ...

Vue 源码解析-组件化Vue 其中一个核心思想是组件化，把页面拆分成多个组件，组件是可复用的 Vue 实例，所以它们与 new Vue 接收相同的选项，例如 data、computed、watch、methods 以及生命周期钩子等。仅有的例外是像 el 这样根实例特有的选项。 createCom ...

资源列表：慕课网：Vue.js 源码全方位深入解析Vue.js 技术揭秘知乎：染陌同学 VirtualDOM与diff(Vue实现) Vue源码解析-数据驱动Introduction现代前端框架抛弃里如使用 JQuery 等前端库直接修改 DOM，而是由数据驱动视图。本章节主要研究 Vue 中模板和 ...

参考：Object.defineProperty() Object.defineProperty()方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性， 并返回这个对象。 123456789101112131415161718192021222324252627282930313233 ...

参考：Are you Writing Accessible HTML?HTML5 语义化 w3cplus HTML5 语义化最佳实践最佳实践 使用 a 标签代替点击行为的 span 标签 使用 button 标签作为按钮 在表单元素中使用 label 所有的 img 标签都应有有 alt 属性描述 ...

Nginx 部署静态页面在前后端分离的项目中，前端经过编译生成的文件中，往往只包含一个 index.html 入口文件。可以利用 Nginx 进行简单配置就可以实现在部署到服务器端。 🐸 如果是 nodejs 的项目可以利用 pm2 进行部署，如果是 egg 的项目可以利用 egg 的工具 eg ...

摘抄自： 《 Vue.js 前端开发- 快速入门与专业应用》 Vue.js 快速入门与专业应用Vue.js 简介Vue.js 的组件化理念和 ReactJS 异曲同工——“一切都是组件”，可以将任意封装好的代码注册成标签，例如:Vue.component('example', Exa ...

JavaScript 数组去重方法一 双循环，外循环遍历整个数组，内层循环进行比较，如果有相同的值则跳过，不同则 push 进结果数组 123456789101112131415161718Array.prototype.distinct = function() { var arr ...