最新 最热

Vue-Cli优化编译速度

Vue-Cli脚手架会有webpack的很多默认行为,因此我们得知道基于Vue-Cli的项目,当前的webpack都配置了啥,然后才能做针对性的分析与优化。

2022-09-27
1

vue 修改引入组件的样式_vue子组件的子组件布局

vue被广大前端推崇很重要一点就是组件封装,但是在组件封装的时候,组件可能在各处都要用到,但是在各处的样式可能不太一样,例如:按钮组件,这时怎么办,难道不同样式但是结构相同的组件进行多次封装么?很明显是很不合算的。...

2022-09-27
0

前端vue面试题2021_vue框架面试题

面试官您好!我叫XXX,来自XXX,很荣幸能来我们公司面试,我从事前端开发有3年了,目前掌握的技术有html,css,js,ajax,vue,小程序,参与过各种类型的项目。 我做过的项目有 A,B,C,D,E 那么最近做的一个项目是XXX 在这个项目...

2022-09-27
0

用vue实现入库单的打印「建议收藏」

1、安装vue-print-nb插件 npm install vue-print-nb –save 2、在main.js文件中引入插件 import Print from ‘vue-print-nb’ Vue.use(Print) 3、编写程序 <div style=”width: 37%” align......

2022-09-27
0

Vue3源码13: 从AST到render函数(transform与代码生成)

我们在上一篇文章中已经知道了从模版字符串到返回虚拟Node的render函数需要经历三个阶段:

2022-09-27
0

Vue3源码12: 编译过程介绍及AST的生成过程分析

本文先会分析Vue3的编译过程主要包含哪些环节,理解了主体环节后,再带着大家深入分析AST的生成过程。

2022-09-27
0

Vue3源码11: 编译优化之Block Tree 与 PatchFlags

Vue3是一个编译时和运行时相结合的框架。所谓编译时就是把我们编写的模版代码转化成一个render函数,该render函数的返回结果是一个虚拟Node,而运行时的核心工作就是把虚拟Node转化为真实Node进而根据情况对DOM树进行挂...

2022-09-27
1

Vue3源码10: 名动江湖的diff算法

本文会从函数patchChildren函数讲起,先让大家理解该函数的核心功能。接着分析diff算法的具体实现。

2022-09-27
0

Vue3源码09: 组件的渲染和更新流程

前面我们分析patch函数的时候,我们知道了内部通过不同类型的判断来调用不同的函数来比较新旧虚拟Node之间的差异并抹平这种差异,当时也介绍了patch函数调用的部分函数实现细节。本文会带着大家分析processElement和proc...

2022-09-27
0

Vue3源码08: 虚拟Node到真实Node的路其实很长

前面我们知道了,从虚拟Node到真实Node是借助一个叫做render的函数来完成。本文会带着大家进入render函数,先从从总体上把握Vue3的渲染核心流程以及部分源码实现细节。至于比较重要的一些细节,比如组件如何渲染如何更新,di...

2022-09-27
0