- 博客(5)
- 收藏
- 关注
原创 React Hook和React-router的基本使用
目录Hook好处:Hook可以解决的问题:目前官网提供的Hook APIuseStateuseEffectuseRef自定义hook1. 创建自定义hook2.使用自定义hookreact-router基本使用1.安装2.导入3.使用总结:HookHook 是 React 16.8 的新增特性,React 里面的 Hook 是一个函数.好处:它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。Hook可以解决的问题:避免地狱式嵌套,可读性提高。函数式组件,
2021-07-29 20:56:30 969
原创 react (组件通信,生命周期和非受控组件)
目录组件通信父传子子传父兄弟传值跨级传值组件的生命周期生命周期(旧)生命周期(新)生命周期函数详解受控组件非受控组件总结:组件通信父传子案例:父组件发送数据,子组件接收并渲染父组件 App.jsimport React, { Component } from 'react'import FriendList from './FriendList'class App extends Component { state = { name: '张三' } render() {
2021-07-27 19:27:24 232
原创 react(一)
reactreact是什么?react是一个JavaScript 库 ,能够高效、快速的构建用户界面它是一个轻量级库 , 它遵循组件设计模式、声明式编程范式和函数式编程概念react特点1.声明式编程 −React采用声明范式,可以轻松描述应用。2.高效 −React通过对DOM的模拟,最大限度地减少与DOM的交互。3.灵活 −React可以与已知的库或框架很好地配合。4.JSX − JSX 是 JavaScript 语法的扩展。React 开发不一定使用 JSX ,但我们建议使用它。组件
2021-07-26 21:19:32 197
原创 vue3 入门
vue3Vue是一套用于构建用户界面的渐进式框架。 Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。目前最新版本是Vue3.x。Vue3 支持 vue2 的大多数特性更好的支持 Typescript性能提升打包大小减少 41%初次渲染快 55%, 更新渲染快 133%内存减少 54%使用 Proxy 代替 define
2021-07-02 19:48:23 1387
原创 webpack 打包ts
当我们单纯用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
2021-07-01 20:08:08 535
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人