流浪のwolf

摘要： 虚拟dom 是js模拟的一颗dom树，也是 js 对象 ； 虚拟dom 时相对于 真实dom而言的，操作真实 dom 开销太大，降低了性能，所以使用 虚拟 dom 替代真实 dom 完成操作和计算功能，极大提升了性能 ； 优点： 1. 无需手动获取dom ，操作 DOM ； 2. 跨平台： 虚拟 D 阅读全文

摘要： Vue 提供了 Vue.set (object, propertyName, value) / vm.$set (object, propertyName, value) 来实现为对象添加响应式属性。 vm.$set 的实现原理是： 如果目标是数组，直接使用数组的 splice 方法触发相应式； 如 阅读全文

摘要： 1. Proxy 可以直接监听对象而非属性；但是 ，object.defineProperty 只能劫持对象的属性，从而需要对每个对象，每个属性进行遍历，如果，属性值是对象，还需要深度遍历。Proxy 可以劫持整个对象，并返回一个新的对象 2、proxy 不仅可以代理对象，还可以代理数组，还可以代理 阅读全文

摘要： 共同点：都是保存在浏览器端的。 区别： 1.cookie数据始终携带在同源的http请求中，即cookie在浏览器和服务器间来回传递，而sessionStorage和Localstorage不会自动把数据发送给服务器，只在本地保存。cookie数据还有路径（path）的概念，可以限制cookie只属 阅读全文

摘要： 在vue2中的内置组件： 动态路由中的 component ：作用：动态显示路由的挂载点，使用 is 属性动态显示组件 ； keep-alive ：作用：使被包裹的组件保留状态，避免被重新渲染 ； 路由中的router-link ：作用：和 超链接类似，使用 to 属性制定 url 跳转页面 ； r 阅读全文

摘要： 作用： DOM 渲染是异步耗时的， vue2.x 需要等到 DOM 渲染完成之后做某个事情，需要使用 this.$nextTick ， vue3.x 则直接提供了 nextTick 这个方法去实现 ； 使用： 2 种方式： // 使用await await nextTick() 渲染之后的代码 // 阅读全文

摘要： 使用场景：使用父子组件通信的时候 ； 作用： 用来声明组件有哪些自定义事件，不在emtis里面都会当成原生事件，绑定给组件的根标 签。 好处： 不在像 vue2 使用 .native 修饰符 在 vue2 中：组件中绑定 click 事件 ，原来click事件是无效的，因为组件上面的所有事件都是自定 阅读全文

摘要： vite 是尤雨溪团队开发的新一代前端构建工具，作者尤雨溪宣传的时候表示 vite 是下一代的构建工具，并表示自己再也不会 webpack 了 ； vite 的优点主要有3点 ； 第一：开发环境中，无需打包操作，可快速的冷启动 第二：即时的热重载 （ HMR ）hot module replacem 阅读全文

摘要： 都是模块规范，和 CommonJs 一样都是社区规范，ES-module 才是官方规范，而且官方规范是趋势 ； AMD：Asynchronous Module Definition 异步模块定义，即并行加载所有的模块 ； CMD：Common Module Definition，公共模块定义规范，在 阅读全文

摘要： 选项式 API 组合式API beforeCreate 不需要 created 不需要 beforeMount onBeforeMount mounted onMounted beforeUpdate onBeforeUpdate updated onUpdated beforeUnmount 【v 阅读全文