![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue3面试题
文章平均质量分 82
thewar196
这个作者很懒,什么都没留下…
展开
-
vue3-treeshaking
Vue 3.0中Treeshaking特性?举例说明?一、是什么Tree shaking 是一种通过清除多余代码方式来优化项目打包体积的技术,专业术语叫 Dead code elimination简单来讲,就是在保持代码运行结果不变的前提下,去除无用的代码如果把代码打包比作制作蛋糕,传统的方式是把鸡蛋(带壳)全部丢进去搅拌,然后放入烤箱,最后把(没有用的)蛋壳全部挑选并剔除出去而treeshaking则是一开始就把有用的蛋白蛋黄(import)放入搅拌,最后直接作出蛋糕也就是说 ,tree s原创 2022-01-12 15:59:23 · 2647 阅读 · 0 评论 -
Vue3.0性能提升的实现
Vue3.0性能提升主要是通过哪几方面体现的?一、编译阶段回顾Vue2,我们知道每个组件实例都对应一个 watcher 实例,它会在组件渲染的过程中把用到的数据property记录为依赖,当依赖发生改变,触发setter,则会通知watcher,从而使关联的组件重新渲染试想一下,一个组件结构如下图<template> <div id="content"> <p class="text">静态文本</p> &l原创 2022-01-12 15:53:48 · 411 阅读 · 0 评论 -
Vue3.0 封装组件:实现一个 Modal组件
用Vue3.0 写过组件吗?如果想实现一个 Modal你会怎么设计?一、组件设计组件就是把图形、非图形的各种逻辑均抽象为一个统一的概念(组件)来实现开发的模式现在有一个场景,点击新增与编辑都弹框出来进行填写,功能上大同小异,可能只是标题内容或者是显示的主体内容稍微不同这时候就没必要写两个组件,只需要根据传入的参数不同,组件显示不同内容即可这样,下次开发相同界面程序时就可以写更少的代码,意义着更高的开发效率,更少的 Bug和更少的程序体积二、需求分析实现一个Modal组件,首先确定需要完成的内原创 2022-01-12 15:32:31 · 3035 阅读 · 0 评论 -
Vue3.0-双向数据绑定原理: Proxy API 替代 defineProperty API
Vue3.0里为什么要用 Proxy API 替代 defineProperty API ?一、Object.defineProperty定义:Object.defineProperty() 方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性,并返回此对象为什么能实现响应式通过defineProperty 两个属性,get及setget属性的 getter 函数,当访问该属性时,会调用此函数。执行时不传入任何参数,但是会传入 this 对象(由于继承关系,这里的this并不一原创 2022-01-12 11:13:29 · 266 阅读 · 0 评论