路由 v-router前端路由和后端路由的区别 后端路由:对于普通网站，所有的超链接都是URL地址，所有的URL地址都对应服务器上对应的资源 前端路由:对于单页面应用程序(SPA)来说，主要是通过URL中的hash值来实现不同页面之间的切换；同时，hash有一个特点:HTTP请求中不包括hash相关 ...

Vue动画在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。 在 CSS 过渡和动画中自动应用 class 可以配合使用第三方 CSS 动画库，如 Animate.css 在过渡钩子函数中使用 JavaScript 直接操作 DOM 可以配合使用第三方 JavaScript 动画库， ...

Vue实例的生命周期 什么是生命周期:从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期！ 生命周期钩子:就是生命周期事件的别名而已； 生命周期钩子 = 生命周期函数 = 生命周期事件 主要的生命周期函数分类: 创建期间的生命周期函数: beforeCreate ...

Vue.js 的细节 Vue.js 可以说是MVVM 架构的最佳实践，专注于 MVVM 中的 ViewModel，不仅做到了数据双向绑定，而且也是一款相对来比较轻量级的JS 库，API 简洁，很容易上手。Vue的基础知识网上有现成的教程，此处不再赘述， 下面简单了解一下 Vue.js 关于双向绑定的 ...

VUE 数据驱动:操作DOM JS的数据类型 基本 和 引用 改变原数组 —> 数组的变异 pop push shif unshift reverse sort splice(n,m,x,y,z) 不改变原数组 —> slice(n,m) concat indexOf join(‘+’) ...

类的继承和多态 封装: 把实现一个功能的代码放在一个函数中封装起来，以后再想实现这个功能的时候，我们不需要重新的编写代码了，只需要执行对应的函数即可，我们把这种机制就称之为”函数的封装”–>低耦合高内聚:减少页面中的冗余代码,提高代码的重复使用率12345function fn(){ ...

事件 –DOM0 –DOM2–发布订阅–拖拽 什么是事件? 指的是是一件事或一个行为 事件 鼠标事件 click 单击 dblclick双击 大约300ms内连续点击两次 mouseover 鼠标滑进 冒泡阶段 先自己触发 后父辈触发 mouseout 鼠标滑出 mouseenter ...

函数节流和防抖 函数节流的原理 函数节流的原理挺简单的，估计大家都想到了，那就是定时器。当我触发一个时间时，先setTimout让这个事件延迟一会再执行，如果在这个时间间隔内又触发了事件，那我们就clear掉原来的定时器，再setTimeout一个新的定时器延迟一会执行，就这样。 代码实现12345 ...

JS盒子模型 css 盒子模型 : width height border padding margin js 盒子模型 : client offset scroll client clientWidth: 盒子的文本宽度width，+ 左右padding （正常的盒子模型，当在怪异盒模型中cl ...

Redux介绍及核心API是由: reducer + flux 两个辅助框架结合而成; createStore : 创建一个store数据管理库; store.dispatch : 通知store,根据指令,改变数据; store.getState : 获取store中的数据; store.sub ...