摘要： 混入(mixin) 提供了一种非常灵活的方式，来分发Vue组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被 "混合" 进入该组件本身的选项 例子 <template> <!-- 子组件A --> <div class="views__home__su 阅读全文

摘要： PostCSS是一个使用JS插件转换样式的工具。这些插件可以检查(lint)你的CSS，支持CSS Variables 和 Mixins，编译尚未浏览器广泛 支持的先进的CSS语法，内联图片，以及其他很多优秀的功能。 PostCSS 在工业界被广泛地应用 PostCSS 接收一个CSS文件并提供了一 阅读全文

摘要： 防抖和节流严格算起来属于性能优化的知识，但实际上遇到的频率相当高的。 以一个滚动条监听的例子说起 先说一个常见的功能，很多网站会提供这么一个按钮：用于返回顶部。 这个按钮只会在滚动到距离顶部一定位置之后才出现，那么我们现在抽象出这个功能需求 监听浏览器滚动事件，返回当前滚条与顶部的距离。 这个需求很 阅读全文

摘要： Vue 数据双向绑定原理是通过数据劫持结合发布者-订阅者模式的方式来实现的，首先是对数据进行监听，然后当监听的属性发生变化时则告诉订阅者是否要更新，若更新就会执行对应的更新函数从而更新视图。 MVC模式 以往的MVC模式是单项绑定，即 Model 绑定到 View，当我们用 JavaScript 代 阅读全文

摘要： BOM 是browser object model的缩写，简称浏览器对象模型，提供了独立于内容而与浏览器窗口进行交互的对象； 1、window 对象， 是JS的最顶层对象，其他的 BOM 对象都是 window 对象的属性； 2、document 对象，文档对象 3、location 对象， 浏览器 阅读全文

摘要： 在 vue 2.x 中， 在一个元素上同时使用 v-if 和 v-for 时， v-for 会优先作用。 在 vue 3.x 中， v-if总是优先于 v-for 生效 1、惯性使用，但 vue 2.x 中，不建议 v-for 和 v-if 使用 <div v-for="item in inHous 阅读全文

摘要： 几种实现双向绑定的做法 目前几种主流的mvc框架都实现了单向数据绑定，而双向绑定无非就是在单项绑定的基础上给可输入元素添加了change事件，来动态修改model和view。 实现数据绑定的做法有大致如下几种 发布者-订阅者模式 脏值检查 数据劫持 发布者-订阅者模式 一般通过sub, pub的方式 阅读全文

摘要： for in 和 for of 两个for循环都是用来 ”遍历“ 的 for in 示例 let arr = ["Math", "English", "History"]; console.log("for in <= example"); for (let arrItem in arr) { co 阅读全文

摘要： Generator 函数是ES6提供的一种异步编程解决方案。 Generator 语法行为与传统函数完全不同。 Generator 函数有多种理解角度。语法上，首先可以把它理解成，Generator函数是一个状态机，封装了多个内部状态。 执行Generator函数会返回一个遍历器对象，也就是说，Gn 阅读全文

摘要： ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被成为解构； 以前，为变量赋值，只能直接指定值 let a = 1; let b = 2; let c = 3; ES6 允许写成下面这样 let [a, b, c] = [1, 2 ,3] 上边代码表示，可以从数组中提取值，对变量赋值 阅读全文