流浪のwolf

摘要： 定义函数的方式： 1. 函数表达式定义函数 function expression 2. 函数式声明 function declaration 区别： var声明的函数，只能在声明之后调用，因为函数表达式在函数执行阶段才会赋值给函数名 ； function声明的函数可以在声明之前调用，因为函数表达式 阅读全文

摘要： 钩子函数就是路由导航守卫 ； 有 7 个守卫，分为 3 类 ； 全局守卫：在全部的组件生效； beforeEach 全局前置守卫 afterEach 全局后置守卫 解析守卫 组件守卫：在某个组件生效 ； beforeRouterEnter：在组件创建之前，即create函数执行之前 ； 我忘记了 路 阅读全文

摘要： 使用过，vuex是状态管理工具，它的数据可以被所有的组件获取，方法可以被所有的组件调用 ； vuex 的内部的运行机制：state提供了数据驱动视图，dispath派发actions 执行异步操作，commit提交mutations 修改state 数据 ； vuex的核心属性： state：数据保 阅读全文

摘要： data数据和methods的方法是否存在，是否定义了 ； beforeCreate 都是 undefiend ； 阅读全文

摘要： vue的声明周期分为 4 个阶段，8个钩子函数 ； 第一阶段：创建 ； beforeCreate：此时的data和method方法未定义 undefined created ：此时的data数据和methods 方法已经定义，可以在这里发起异步请求，早发请求可能早点得到数据 ； 第二阶段：挂载 ； 阅读全文

摘要： v-for 的优先级高 延申问题：v-for 和 v-if 为什么不能在一起使用 ？ 会造成性能的浪费，因为v-for 的优先级高，所以每次渲染都会执行v-if 判断条件，浪费时间 ；比如 渲染 10 条数据，就要判断 10 次 v-if 条件； 解决办法：在 v-for 渲染列表的外面套一层 te 阅读全文

摘要： 1. 子组件标签使用自定义属性 = 参数 ，注册自定义事件修改参数，在子组件内部使用 props 接收自定义属性，直接会把自定义属性和属性值挂载到子组件实例上；但是子组件内部不能直接修改参数，要使用$emit自定义事件通知父组件修改，然后子组件更新参数 ； 2. 使用状态管理工具 vuex ，所有组 阅读全文

摘要： 会复用但是可能会产生没有必要的真实DOM更新 ，会降低渲染效率 ；比如使用 index 作为 key 值 ； 阅读全文

摘要： 根据唯一标识符key值，把新旧的节点比较，不同就更新到新节点，相同就复用就节点，然后生成新的 Vnode ； 阅读全文

摘要： diff 算法是vue渲染列表数据的时候，把新的 Vnode 和旧的 Vnode 比较，通过 key 值的对应，变化的标签就更新视图，不变的就复用 ； 阅读全文

摘要： vue中的data为什么是返回对象的函数，而不是直接使用对象形式 ； 我们复用组件的时候，要求每一份data数据之间是独立的，不能互相影响，如果写成对象的形式所有的组件使用一份data数据 ，如果使用函数，每次复用组件的时候就会返回一个独立的data数据 ； 阅读全文

摘要： vue2中的数组不能使用索引实现响应式 ，因为vue没有给数组元素添加get和set函数 ； 追加对象的属性的时候不是响应式，要使用 $set 追加响应式 ； 阅读全文

摘要： 没看过 阅读全文

摘要： 首先 ，vue 内部使用 Object.defineProperty 给data中的数据添加了 getter 和 setter 函数 ； 当我们访问数据的时候，会触发getter 函数 return 给我们数据值，当我们修改数据的时候会触发setter 函数去修改数据，然后去更新页面视图 ； 阅读全文

摘要： 响应式就是 数据发生变化，ui界面自动更新内容 ； vue响应式的实现是在 创建vue实例的时候，遍历data数据，通过 Object.defineProperty给每个数据添加 getter 和 setter 函数 ，获取数据触发 getter 函数，修改数据触发setter函数，然后再sette 阅读全文

摘要： MVVM 是module view view-module 数据驱动视图开发模型，是MVC的改进版，采用业务逻辑和页面解构分离的开发思想； MVVM 实现了 view 和 module 的双向绑定，我们修改了 module ，用户不需要手动的更新 view ； 阅读全文

摘要： vue是创建用户界面的框架，是创建SPA应用的框架，采用了MVVM模型，是数据驱动视图 ；使用了 业务逻辑和页面解构分离的开发思想 ；使用 高效的diff算法渲染列表 ；使用组件化开发，提高代码的复用率，更加的方便维护代码 ； 阅读全文

摘要： 搜百度看博客，看文档，看视频，写笔记记录自己的想法 ； 阅读全文

摘要： 清除浮动是为了解决父元素因为子元素设置了浮动导致的高度塌陷问题： 此时父元素的高度没有被撑开 ； 父元素的高度已经被撑开 ； 1. 添加额外标签设置clearfix类为clear:both; 2. 父元素添加overflow:hidden 3. 使用before和after双伪元素清除浮动 4. 设 阅读全文

摘要： 使用场景 ：一个父盒子，一个子盒子 ，父盒子设置display: flex;布局 , 在使用 flex-direction 改变元素的排列方向 ，最后使用align-items ：end ；改变侧轴的对齐方式 ； <style> #fa { display: flex; /* 改变主轴和侧轴的方向 阅读全文

摘要： 无论是间隔函数 setInterval 还是 延迟函数 setTimeout 都会返回一个标识 id ，我们需要清除定时器，clearInterval （id）clearTimeout（id）； 否则会时间冲突，不准确了 ； 阅读全文

摘要： 定时器的使用场景：广告弹窗在3 秒之后自动消失 ； 可以使用 延迟函数 setTimeout ； 阅读全文

摘要： 倒计时组件的封装核心： 将来的时间戳 - 现在的时间戳 = 需要倒计时的时间 ； 定义一个方法，把需要倒计时的时间戳转换时分秒 ，使用 setInterval 间隔1 秒调用一次方法 ； padStart(字符串长度 , 补充内容) 是属于字符串的方法 , 是补 0 函数 ； 代码：js <!DOC 阅读全文

摘要： 自定义指令分为 全局和局部的指令 ； 1. 自定义全局指令： 在 mian.js 中 ，使用 Vue.directive(‘指令名’ , 配置对象 ) 2. 局部自定义指令 在组件中使用 directives 属性自定义指令 ； 批量注册自定义指令： 在src文件新建一个 directive 文件专 阅读全文

摘要： vue指令的本质是给 html 标签新增一些属性 ； vue的指令可以分为 3 中类型 ； 1. 用于渲染数据的指令，比如 v-for ，v-if ，v-show ； 2. 用来交互的指令 ，v-on ，v-module 3. 自定义指令，用来执行某些特定的功能业务 ； 阅读全文

摘要： 首先 ，loader 是文件加载器，能够加载资源文件，并对文件进行一些处理，如翻译，压缩 ，最终一起打包到指定的文件中 ；loader 运行在打包项目之前 ； plugin 是插件 ，plugin赋予了webpack各种灵活的功能，如打包优化，资源管理等，目的是为了解决loader无法实现的功能 ； 阅读全文

摘要： 在tamplate编译的时候，generater 会生成一个render 函数，通过 render 函数会把 template 内容描述成 vnode ，然后vnode 通过一系列操作转换为真实的 DOM ； 那么vnode 是如何渲染成真实的 dom ； 不论是初始渲染还是更新渲染，vue 通过调 阅读全文