Vue3 与 Vue2 的对比 Vue3进阶 template模板不如jsx灵活，但是template相比jsx的固定性，可以在编译时获取许多信息，编译出可以在运行时执行尽可能少，性能尽可能好的代码。Vue3性能优化的一个重要体现在编译优化，利用新的渲染器，编译出了相比vue2更小，更快的代码 Tree Shaking - 优化体积 Vue3 源码中采用函数
2024/2/26
在事件触发频繁如 resize、scroll、mousemove 等场景中，为了减少处理开销，采用节流或防抖限制函数的执行次数。共同点都是在规定时间段内频繁触发事件只执行一次函数。 节流：功能函数 fn 在定时器外 或 没有定时器，则在固定时间段开始时立即执行，即立即执行版。类比技能冷却时间，释放技能后进入冷却。连续触发事件但是在 n 秒中只执行一次函数。节
2024/2/7大约 5 分钟
进阶知识 React 对数据管理和界面渲染的流程解析 当数据需要发送变化时，通过调用组件的setState方法来更新状态（无数据劫持）。这会触发render函数重新渲染流程。当数据没有变化时，只要调用了setState方法也会重新渲染。可在shouldComponentUpdate和PureComponent中判断是否数据没有变化时重新渲染。 如果直接修改s
2024/1/23大约 16 分钟
基础知识 开发 React 必须依赖三个库： react：包含 react 所必须的核心代码 ; react-dom：react 渲染在不同平台所需要的核心代码 ; babel：将 jsx 转换成 React 代码的工具; 基本使用 注意： jsx的插值表达式: {}；mustache语法：{{}}; react按钮绑定事件的写法：o
2024/1/23大约 9 分钟
组件化开发 React 组件类别 " 根据组件的定义方式，可以分为：函数组件(Functional Component)和类组件(Class Component)；" " 根据组件内部是否有状态需要维护，可以分成：无状态组件(Stateless Component)和有状态组件(Stateful Component)；" " 根据组件的不同职责，可以分成：展
2024/1/23大约 7 分钟
其它 PWA PWA全称Progressive Web App，即渐进式WEB应用； 一个 PWA 应用首先是一个网页, 可以通过 Web 技术编写出一个网页应用；; 随后添加上 App Manifest 和 Service Worker 来实现 PWA 的安装和离线等功能； ; 这种Web存在的形式，我们也称之为是 Web App
2024/1/23大约 2 分钟
React CLI 搭建 React 脚手架命令 npm install create-react-app npx create-react-app demo 初始化目录结构 显示 React 脚手架 webpack 配置 npm eject 搭建目录结构 index.js 文件 App.jsx 文件 子组件 HelloWorld.jsx 文件
2024/1/23小于 1 分钟
React 引入 CSS 方式 组件式开发选择合适的css解决方案尤为重要 通常会遵循以下规则： 可以编写局部 css，不会随意污染其他组件内的原生；; 可以编写动态的 css，可以获取当前组件的一些状态，根据状态的变化生成不同的 css 样式；; 支持所有的 css 特性：伪类、动画、媒体查询等；; 编写起来简洁方便、最好符合一贯的 css 风格特点; 在
2024/1/23大约 5 分钟
React Hooks 为什么需要 hooks? 首先需要分别讲述 hooks 之前类组件和函数式组件存在的缺陷。 函数式组件缺陷 1. class 组件可以定义自己的 state，用来保存组件自己内部的状态 函数式组件不可以，因为函数每次调用都会产生新的临时变量；; 2. class 组件有自己的生命周期，我们可以在对应的生命周期中完成自己的逻
2024/1/23大约 17 分钟
React-Router 前端路由的核心是什么呢？ 改变 URL，但是页面不进行整体的刷新 是什么 react-router主要分成了几个不同的包： react-router: 实现了路由的核心功能; react-router-dom： 基于 react-router，加入了在浏览器运行环境下的一些功能; react-router-native：基于 rea
2024/1/23大约 7 分钟
...