- 博客(8)
- 收藏
- 关注
原创 ResizeObserver API详解
ResizeObserver 是一个 JavaScript API,用于监视元素的大小变化。它可以观察一个或多个 DOM 元素,以便在元素的大小或形状发生变化时触发回调函数。ResizeObserver 是为了更有效地处理元素尺寸变化而引入的,特别适用于响应式设计和自适应布局。
2021-04-27 00:20:00 7235 1
原创 三种方式实现简单动画
前端实现动画的方式有多种,每种方式适用于不同的场景和需求。以下是一些常见的前端动画实现方式:css动画、js动画库、web动画、js帧动画等等
2021-04-24 20:09:38 719 3
原创 vue3 computed
在 Vue 3 中,计算属性(computed)是一种属性,它允许你在 Vue 组件中基于其他属性的值来派生新的属性,而且这些计算属性具有响应性,只有在依赖的数据发生变化时才会重新计算。这使你能够编写干净、高效和可维护的代码。与vue2.0的computed的功能基本一致,用法有所不同。计算属性非常有用,因为它们允许你将复杂的计算逻辑封装在属性中,使代码更易于理解和维护。而且,由于计算属性是基于响应式数据的,所以它们的计算是高效的,只在必要时执行。
2021-04-15 22:28:02 1447
原创 vue3.0 watch与watchEffect
watchEffect在响应式地跟踪其依赖项时立即运行一个函数,并在更改依赖项时重新运行它。import { ref, watchEffect } from 'vue'export default { setup() { const count = ref(0) setInterval(() => { count.value++ }, 1000) /** 这个hook用以监听count.value的变化 */ watch
2021-04-15 22:23:59 2024
原创 vue 3.0 Refs详解
ref接受一个内部值并返回一个响应式且可变的 ref 对象。ref 对象具有指向内部值的单个 property。ref推荐对基础数据类型进行处理,引用的数据类型虽然也能形成响应式,但性能不够好。基础数据类型import { ref } from 'vue'export default { setup() { const count = ref(0) const onClickAddCount = () => { count.value += 1
2021-04-13 00:39:50 17695 5
原创 vue3.0比vue2.0更快的原因
一.vue3.0的亮点1.性能比vue2.x快1.2~2倍①diff方法优化②静态提升③事件侦听器缓存④ssr渲染1. diff方法优化vue2.0中的虚拟dom是进行全量的对比vue3.0新增了静态标记(PatchFlag),在于上次虚拟节点进行对比的时候,只对比带有patch flag的节点。并且可以通过flag的信息得知当前节点要对比的具体内容。静态标记枚举类:2.静态提升vue2.0无论元素是否参与更新,每次都会重新创建,然后再渲染vue3.0对于不参与更新的元素,会做
2021-04-11 23:33:57 3704
原创 vue 3.0 reactive等api详解
文章目录ReactiveFlags reactive标记的类型介绍reactivereadonlyisProxyisReactiveisReadonlytoRawmarkRawshallowReactiveshallowReadonlyReactiveFlags reactive标记的类型介绍这些是在 vue/reactivity 文件中定义的一个枚举对象,你通过CDN 引用的 Vue源码中是没有这部分代码的,你可以把他们理解为标记。export const enum ReactiveFlags
2021-04-11 23:31:55 1043
原创 react如何使用dva
Dva” 是一个基于 Redux 和 Redux-saga 的状态管理框架,通常用于 React 应用程序。它帮助你更轻松地管理应用程序的状态、副作用和数据流。
2021-04-06 22:56:31 2550
国家或地区,中文名称与对应的地理坐标
2023-02-23
常用国家或地区 英文简写与地理坐标
2023-02-23
flexible.js 实现响应式布局
2022-11-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人