- 博客(7)
- 收藏
- 关注
原创 Vue2和Vue3的区别
Vue2 :把数据放到了data里,在Vue2 中定义数据变量是data(){},创建方法要在method:{}。Vue3 :把数据和方法直接下载钩子函数setup()中。四、Vue3新加入了TypeScript 的支持。
2023-10-26 20:51:55
85
原创 复习Vue2
Vue是一套用于构建用户界面的渐进式框架。【渐进式:依赖性很小,不会像react依赖一些包、hooks、函数(高阶函数)等】。使用Vue框架,可以完全在浏览器端渲染(加载构建)页面,服务端只提供数据。【面试时介绍说】使用Vue框架,可以非常简单的构建单页面应用(SPA)。【面试题 --- 单页面跟多页面(MPA)的区别/哪个页面性能加载更快?答:单页面】 【下面也会说】
2023-10-20 20:46:42
42
1
原创 react基础知识集锦5 --- 函数组件和类组件(部分)
总结:React事件是在React组件层级上进行处理的合成事件,通过虚拟DOM的方式来实现事件代理和事件冒泡。React.lazy()函数允许你按需加载(懒加载)组件,而Suspense组件则用于在加载过程中显示一个加载中的UI。总结:React和Vue都是优秀的前端框架,它们在响应式原理、组件化开发、生态系统和学习曲线等方面有一些区别。这样,当访问懒加载组件所对应的路由时,React会按需加载并渲染相应的组件,并在加载过程中显示fallback中的内容,以提供更好的用户体验。时,该组件才会被加载。
2023-10-06 11:32:41
70
1
原创 react基础知识集锦4 --- 函数组件和类组件(部分)
受控组件和非受控组件是React中关于表单组件的两种不同的实现方式。受控组件(Controlled Components): 受控组件是指由React控制并管理表单元素的值和状态的组件。在受控组件中,表单元素的值存储在组件的state中,并且只能通过setState来改变它们的值。每当用户输入变化时,都会触发onChange事件,从而更新组件的state值。通过这种方式,React始终保持对表单元素的状态的完全控制。在受控组件中,可以对用户输入进行验证、实时响应并进行处理。// 处理表单提交逻辑。
2023-10-06 11:18:28
48
1
原创 react基础知识集锦3 --- 函数组件和类组件(部分)
Reducer是纯函数,它接收旧的State和Action作为输入,通过处理Action中携带的数据,生成新的State作为输出。需要注意的是,在使用异步组件时,需要仔细考虑加载的时间和方式,以避免出现性能瓶颈或其他问题。Action:用户在应用中触发某个事件或行为时,会创建一个Action,它是一个普通的JavaScript对象,用来描述事件的类型和相关的数据。总结起来,React类组件的setState方法是异步的,React会将多个setState操作合并成一个更新批次,通过异步更新机制来优化性能。
2023-10-06 10:56:24
65
1
原创 react基础知识集锦2 --- 函数组件和类组件(部分)
方法是React组件生命周期中的一个方法,用于控制组件是否需要重新渲染(其用途是用于性能优化)。,它们代表组件即将更新的属性和状态。在该函数中,可以根据当前的属性和状态与即将更新的属性和状态进行对比,决定是否重新渲染组件。在某些情况下,组件的重新渲染可能是不必要的,这样会造成性能浪费。方法的主要用途是在需要性能优化时,根据业务需求对组件的渲染进行控制。需要注意的是,在函数式组件中,没有类组件中的生命周期方法。返回false,React将不会重新渲染组件,这可以有效地提高性能,避免不必要的重新渲染。
2023-10-06 10:47:57
46
1
原创 react基础知识集锦1 --- 函数组件和类组件(部分)
父组件通过props将数据传给子组件从而实现父子组件之间的通讯。父组件可以通过更新自身的状态来改变传递给子组件的数据。2. 使用上下文(Context):上下文API允许在组件树中共享数据,避免了层层传递props的繁琐。3. 消费者(Consumer):后代组件可以通过 Consumer 组件来订阅共享的数据,并在其函数子组件中接收这些数据。Provider组件的所有后代组件都可以访问共享的数据。1. 通过共同的父组件:兄弟组件共享它们的父组件中的 状态 和 回调函数。通讯更加简介灵活)。
2023-10-06 10:38:04
30
1
空空如也
动态表单设置rules
2024-07-22
Git 文件大小写问题
2024-05-15
TA创建的收藏夹 TA关注的收藏夹
TA关注的人