栗子纪blog-与你分享程序员的壶中日月栗子纪blog

春风得意马蹄疾
一日看尽长安花

最新发布

Vue

Vue3.0 Suspense组件

liukuan阅读(192)评论(0)赞(0)

Suspense是Vue3.0推出的一个内置特殊组件,用来定义具有异步请求数据的组建的显示。如果使用Suspense,要setup函数中需要返回一个promise. 例1 新建AyncShow.vue文件,setup函数需要返回一个Prom...

Vue

Vue3.0 Teleport组件

liukuan阅读(111)评论(0)赞(0)

teleport翻译过来就是"远距离传送"。Teleport组件设计的目的是将某个组件挂载在指定的元素上。在Vue3.0以前,我们所有组件都被挂载在根节点上如id是app的div,其他组件会一层层嵌套在整个html节点树...

Vue

Vue3.0 Composition API提取公共逻辑

liukuan阅读(211)评论(0)赞(0)

Composition API用于公共逻辑的提取,提高复用性,在Vue2.0中我们可以使用mixins的方式提取一些公共处理逻辑。以记录用户点击屏幕位置为例来说明,显示每次用户鼠标点击屏幕的位置,不考虑代码的复用性,我们会直接写出下面的代码...

Vue

Vue3.0语法

liukuan阅读(738)评论(0)赞(0)

setup函数 在Vue3.0中提出了Composition API的概念,Vue2.0中我们通过props、data、methods等来定义组件,在Vue3.0中我们使用setup定义响应式的数据和方法 例: <template&g...

Vue

Vue3.0新特性

liukuan阅读(105)评论(0)赞(0)

Vue2.0数据响应 我们知道在Vue3.0之前的对象数据响应式的原理是Object.defineProperty(),数组的响应式原理是拦截数组的7个方法(包括push、pop、shift、unshift、splice、sort、reve...

React

React diff算法原理剖析

liukuan阅读(214)评论(0)赞(0)

React 中最值得称道的部分莫过于 Virtual DOM 与 diff 的完美结合,特别是其高效的 diff 算法,让用户可以无需顾忌性能问题而”任性自由”的刷新页面,让开发者也可以无需关心 Virtual DOM 背后的运作原理,因为...

React

React高性能的体现:虚拟DOM

liukuan阅读(183)评论(0)赞(1)

React高性能的原理 在Web开发中我们总需要将变化的数据实时反应到UI上,这时就需要对DOM进行操作。而复杂或频繁的DOM操作通常是性能瓶颈产生的原因(如何进行高性能的复杂DOM操作通常是衡量一个前端开发人员技能的重要指标)。 Reac...

Webpack

Webpack热更新原理解析

liukuan阅读(134)评论(0)赞(1)

webpack的热更新又称热替换(Hot Module Replacement),缩写为HMR。 这个机制可以做到不用刷新浏览器而将新变更的模块替换掉旧的模块。 首先要知道server端和client端都做了处理工作 第一步,在 webpa...

Webpack

Webpack从读取配置到输出文件完整构建流程

liukuan阅读(168)评论(0)赞(1)

Webpack的运行流程是一个串行的过程,从启动到结束会依次执行以下流程 1、初始化参数:从配置文件和Shell语句中读取与合并参数,得出最终的参数 2、开始编译:用上一步得到的参数初始化Compiler对象,加载所有配置的插件,执行对象的...