焦糖史塔克

1. v-bind 我们可以传给 v-bind:class 一个对象，以动态地切换 class。示例： 这样写将始终添加 errorClass，但是只有在 isActive 是 truthy 时才添加 activeClass。这种写法有些繁琐，也可以写成： 2. v-once …

View 是用户在屏幕上看到的结构、布局和外观，也称UI。 ViewModel 是一个绑定器，能和 View 层和 Model 层进行通信。 Model 是数据和逻辑。 MVVM 的核心实现是由 ViewModel 实现数据双向绑定（data-binding），View的变动，…

Vue 能实现对实例中声明过的数据进行监听。当数据发生变化时，视图会根据变化内容重新渲染页面，从而简化使用者的工作。 vm = new Vue({data: myData}) ，会让vm成为myData的代理，对myData的所有属性进行监控，防止myData发生变化，vm不知…

使用webpack或者rollup，从零开始搭建Vue。（适合使用Vue半年以上老手） Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。Vue CLI 致力于将 Vue 生态中的工具基础标准化。它确保了各种构建工具能够基于智能的默认配置即可平稳衔接，这样你可以…

虚拟DOM可以将多次操作合并成一次操作，比如添加1000个节点，用DOM只能一次一次添加，虚拟DOM只需要操作一次。 虚拟DOM本质是一个对象，所以他不仅可以变成DOM，还可以变成小程序，变成iOS应用，安卓应用。 DOM diff 实际上就是虚拟DOM的实现方式，所以DOM …

引入的内容越少越好，比如将css和html都用js引入。可以利用模块化来实现，每个模块负责自己部分的html、css，自己照顾自己。这也是一个解耦的过程。 使用者可以直接引入，不需要管其他东西。 提高代码可读性。无论是自己，还是别人，都能快速理解。 比如如果将html放入js，…

this的用处在于，在没有变量名的情况下，函数就可以获取对应的引用。 call 和 apply 都是为了改变某个函数运行时的 context 即上下文而存在的，换句话说，就是为了改变函数体内部 this 的指向。因为 JavaScript 的函数存在「定义时上下文」和「运行时上…

一个函数和对其周围状态（lexical environment，词法环境）的引用捆绑在一起（或者说函数被引用包围），这样的组合就是闭包（closure）。 当函数可以记住并访问所在的词法作用域，即使函数是在当前词法作用域之外执行，就会形成闭包。 之所以中文叫“闭包”，是因为通过…

最初，同源策略（same-origin policy）的含义是指，A 网页设置的 Cookie，B 网页不能打开，除非这两个网页“同源”。这是浏览器的功能。所谓“同源”指的是“三个相同”： 同源政策的目的，是为了保证用户信息的安全，防止恶意的网站窃取数据。 不同网站发送的请求，…