x94410891的博客

目录组件通信父传子子传父兄弟传值跨级传值组件的生命周期生命周期(旧)生命周期(新)生命周期函数详解受控组件非受控组件总结:组件通信父传子案例:父组件发送数据,子组件接收并渲染父组件 App.jsimport React, { Component } from 'react'import FriendList from './FriendList'class App extends Component { state = { name: '张三' } render() {

reactreact是什么?react是一个JavaScript 库 ,能够高效、快速的构建用户界面它是一个轻量级库 , 它遵循组件设计模式、声明式编程范式和函数式编程概念react特点1.声明式编程 −React采用声明范式，可以轻松描述应用。2.高效 −React通过对DOM的模拟，最大限度地减少与DOM的交互。3.灵活 −React可以与已知的库或框架很好地配合。4.JSX − JSX 是 JavaScript 语法的扩展。React 开发不一定使用 JSX ，但我们建议使用它。组件

vue3Vue是一套用于构建用户界面的渐进式框架。 Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。目前最新版本是Vue3.x。Vue3 支持 vue2 的大多数特性更好的支持 Typescript性能提升打包大小减少 41%初次渲染快 55%, 更新渲染快 133%内存减少 54%使用 Proxy 代替 define

当我们单纯用ts开发一个公有库时，没有了脚手架的帮助，我们需要借助webpack完成该ts项目的打包1.初始化npm init -y2.自动生成webpack.config.js文件tsc --init3.安装tsnpm install -D typescript4.安装npm install -D webpack@4.41.5 npm install -D webpack-cli@3.3.10npm install -D webpack -dev-server@3.10.2