本文章内容来此 winter 老师的视频讲解 鉴定一下网络热门面试题：什么是回流和重绘？回流（重排）重排顾名思义，当某个元素的变化导致其他元素的布局(大小)，这个时候就会触发 回流（重绘）。常见触发回流（重排的属性）盒模型width, height、margin、padding、border、box

javaScript 基本数据类型在javaScript中，变量 没有类型。js中的类型指的变量的值的类型。typeof 判断数据类型Undefined当使用 var 或 let 声明的变量没有初始化，就相当于给变量赋值了 undefined 值。目的：增加这个特殊值的目的就是为了正式明确 对象指针

【一】 Scss 学习1 . 变量声明方便全局修改 值$color-primary: #f9ed69; // yellow color$color-secondary: #f08a5d; // orange$color-tertiary: #b83b5e; // pink$color-text-da

通过TypeScript 简单实现 Vue 的 渲染系统（renderer），其包括h函数、mount函数、patch函数。Vue 的 响应式系统(reactive),reactive函数(可深度监听)、 包括对数据依赖收集（发布订阅模式）、Dep类，Vue的应用程序入口模块。最后，使用min-vue 实现了计数器案例。

书籍购物车购物车数据const books= [ { id: 1, name: '《算法导论》', date: '2006-9', price: 85.00, count: 1 }, { id: 2, name: '《UNIX编程艺术》', da

侦听器什么是侦听器？开发中我们在data返回的对象中定义了数据，这个数据通过 mustache 语法等方式绑定到 template 模板中当数据发生变化，template 会自自动更新来显示最新的数据于是，在某些情况下，我们需要在发生数据变化时，执行一些业务逻辑。这个时候就需要侦听器watch来完成

复杂data的处理方式在模板中，我们可以使用mustache语法显示一些 data中的数据但是在某些情况下，我们需要对数据做一些格式化后再显示，或者需要将多个数据结合起来显示比如：多个data数据进行运算三元运算符来决定结果数据进行某种转化后显示在模板中使用表达式，可以非常方便的实现，但是设计它们的

列表渲染v-for通过 v-for 遍历数组或对象，然后动态的渲染对应的DOM结构。基本使用遍历数组、遍历对象、遍历数字<template id="my-app"> <!-- 遍历数组 --> <ul> &

条件渲染在某些情况下，我们需要通过当前的条件决定某些元素或组件是否渲染，这个时候就需要进行条件判断。Vue 提供了 下面的指令来进行条件判断v-ifv-else-ifv-elsev-showv-if、v-else-if、v-else这三个指令于JS的条件语句if、else、else if 类似以成绩

基本指令v-bind用于动态绑定某些属性动态绑定 a元素的 href属性动态绑定 img元素的 src属性介绍- -缩写：‘:‘预期：any(with argument) | Object(without argument)参数：attrOrProp(optinal)修饰符：.camel —— 将a