虞鸢仙-CSDN博客

原创 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

m1864787的博客