qq_53207975的博客

原理有助于更好的理解React的自身运行机制 setState() 异步更新数据 父组件更新导致子组件更新，纯组件提升性能 思路清晰简单为前提，虚拟DOM和Diff保效率（渲染变化的组件） 虚拟DOM -> state + JSX 虚拟DOM最大的特点是 脱离了浏览器的束缚，也就是意味着只要是能支持js的地方都可以用到react，所以为什么说react是可以进行跨平台的开发

现代的前端应用大多数是SPA（单页应用程序），也就是只有一个HTML页面的应用程序。因为它的用户体验更好、对服务器压力更小，所以更受欢迎。为了有效的使用单个页面来管理多页面的功能，前端路由应运而生。前端路由功能：让用户从一个视图（页面）导航到另一个视图（页面）前端路由是一套映射规则，在React中，是URL路径与组件的对应关系使用React路由简单来说，就是配置路径和组件。

setState() 的两个作用过程：父组件重新渲染时，也会重新渲染子组件，但只会渲染当前组件子树（当前组件以其所有子组件）需求：随机生成数字，显示在页面，如果生成的数字与当前显示的数字相同，那么就不需要更新UI，反之更新UI。利用nextState参数来判断当前组件是否需要更新 利用props参数来判断是否需要进行更新 纯组件 作用以及使用 纯组件： PureComponent 与 React.Component 功能相似 区别： PureComponent 内部自动实现了 shouldComponen

意义：组件的生命周期有助于理解组件的运行方式，完成更复杂的组件功能、分析组件错误原因等组件的生命周期： 组件从被创建到挂载到页面中运行，再到组件不在时卸载的过程生命周期的每个阶段总是伴随着一些方法调用，这些方法就是生命周期的钩子函数构造函数的作用：为开发人员在不同阶段操作组件提供了实际思考：如果两个组件中的部分功能相似或相同，该如何处理？处理方式：复用相似的功能复用什么？state操作state的方法两种方式：render props模式高阶组件（HOC）

组件是独立且封闭的单元，默认情况下，只能使用组件自己的数据。在组件化过程中，我们将一个完整的功能拆分成多个组件，以更好的完成整个应用的功能。而在这个过程中，多个组件之间不可避免的要共享某些数据。为了实现这些功能，就需要打破组件的独立封闭性，让其与外界沟通，这个过程就是组件通讯。

React是一个用于构建用户界面的javaScript库，起源于facebook的内部项目，后续在13年开源了出来由于通过createElement()方法创建的React元素有一些问题，代码比较繁琐，结构不直观，无法一眼看出描述的结构，不优雅，用户体验不爽JSX是JavaScript XML 的简写，表示在JavaScript代码中写HTML格式的代码优势：声明式语法更加直观，与HTML结构相同，降低了学习成本，提升开发效率.

通过 Counter 案例 体验Vue3新引入的组合式API。

Pinia 是 Vue 的专属状态管理库，可以实现跨组件或页面共享状态，是 vuex 状态管理工具的替代品。

前端资源打包在每个项目中都会有涉及，每位开发者都希望打包是用最少的时间构建出最小的代码，这不仅能提高团队中的效率，也能提高页面的访问性能。

JavaScript高级语法，包含ES6+常用语法、常见的面试题

前端面试中的高频面试题

DOM 文档对象模型， 定义了一套操作HTML文档的API；BOM 浏览器对象模型，定义了一套操作浏览器窗口的API

零基础入门前端的开发的必备知识

重绘不一定引起回流，而回流一定引起重绘

【代码】网页版时钟。

H5新特性

js全选与反选

HTML5面试题