web

vue3 设计目标 更小 更快 加强api设计一致性 加强TypeScript支持 提高自身可维护性 开发更多底层功能 更小 全局api和内置组件/功能支持tree-shaking 核心代码尺寸控制在

前言 全局安装Vue脚手架 安装方式: 创建项目： 一、前端架构设计 1、环境配置&目录规范 通过vite创建项目 官方文档：https://cn.vitejs.dev/ vite基于ES modul

npm install -g serve 安装静态服务器 npm install npm run build serve -s build -l 8888 安装托管服务器 执行yum install

登录状态需要持续维护，需要放入redux中。 jwt解码插件 jwt-decode redux-persist 登录持久化

Vue2 和 Vue3 这些差异主要涉及性能、组件构建、内置功能和 API 更改 1、性能：Vue 3 的性能得到了很大程度的提升。与 Vue 2 相比，它在捆绑大小、初始化速度和内存使用方面都有所改

![image.png](https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/1d9534df42bd4ef3b9513610835b9d25~tplv

React并没有实现类似于Vue2中的Object.defineProperty或者Vue3中的Proxy的方式来监听数据的变化(也就是说React并没有类似于Vue的数据劫持的) 必须通过setSt

前端加载超大图片时，一般可以采取以下措施实现加速： 1、图片压缩：将图片进行压缩可以大幅减小图片的大小，从而缩短加载时间。压缩图片时需要注意保持图片质量，以免影响图片显示效果。 2、图片分割：将超大图

noImplicitAny——禁用隐式any npm install react-icons 函数式组件转类组件 生命周期 副作用：发起AJAX请求、获取数据、添加或者取消事件监听、手动修改dom等，

一个函数式组件（FC - functional component）就意味着一个没有实例（没有 this 上下文、没有生命周期方法、不监听任何属性、不管理任何状态）的组件。 因为函数式组件忽略了生命周

npm install react-router-domnpm install react-router-domnpm install react-router-domnpm install reac

![image.png](https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/540fb4069fb74a3cb6c0a49dcbc91dc0~tplv