86 篇文档带有标签「frame」

认识 React Hooks

这样做的

分类讲解

几点注意事项

基础知识

回顾 Object.defineProperty 缺点

context 上下文场景

先回顾 class 组件，再看 Hooks 组件

Portals 传送门

JSX 本质

setState 的特点

事件

特点

函数组件

异步组件

性能优化对于 React 更加重要

组件使用

setState 和 batchUpdate

合成事件

问题

- 单个组件生命周期

表单控件等

非受控组件

关于组件公共逻辑的抽离

知识点

Vue2.x Vue3.0 React 三者实现 vdom 细节都不同

知识点

没有 this 的坑了

https://github.com/Snabbdom/Snabbdom 上的一个例子代码

也是优化手段

其他 Hooks

作用：实现传递数据到子组件，修改子组件数据同步到父组件

说一说 Vite

基础

如何传递event 参数，自定义参数，【观察】事件被绑定到哪里？

动态组件

Vue 响应式

异步组件

循环

v-if v-else 的用法，可使用变量，也可以使用 === 表达式

with 语法

class 和 style

区别

需要知道：基本使用，作用域插槽和具名插槽

虚拟 DOM （vdom）和 diff

比如做一个 TodoList，有一个父组件 Index.vue

render 代替 template

mixin

初次渲染过程

异步渲染

一般

生命周期

keep-alive

模拟 v-model 类似 `` 的应用，但对于 vuejs 中的 model 依然有点云里雾里，先记录下来，首先创建 CustomVModel.vue

diff 算法概述

表单

Vue 路由模式

注意：需要 Vue 3.2 版本以上

- createAPP，参考：https://v3.cn.vuejs.org/guide/migration/global-api.html#%E6%8C%82%E8%BD%BD-app-%E5%AE%9E%E4%BE%8B

JSX 和 slot 插槽

本质相同

JSX 是 React 提出的概念

Options API 生命周期

更快就是优势

Proxy 实现响应式

Vuex 基本概念

watchEffect 是新特性

深入理解 ref、toRef 和 toRefs

都是优化手段

特征

Render & Props

自定义 Hook

再次强调命名规范 useXxx

Composition API 带来了什么？

ref、toRef 和 toRefs 是什么

H5 history

前端路由原理

简易版 Vue 2.0.1，实现简单功能

增加 $mount(el) ，作用：

简易版 VueRouter，直接引入也可以用

简易版 Vuex，直接引入也可以用

组件化基础

useEffect

让函数组件实现 state 和 setState

两者区别

长列表在各种数据列场景下经常使用，一旦数据量非常大，就会出现卡段，先看下长列表一步一步进化