React

React中的组件化开发： 没有明确全局和局部的概念（可以理解为都是局部组件，不过可以把组件注册到React上，这样每个组件中只要导入React即可使用） 函数组件 创建：在SRC目录中，创建一个 x

前言 如何划分组件 业务组件：针对项目需求封装的 功能组件：适用于多个项目「例如：UI组件库中的组件」 因为组件化开发，必然会带来“工程化”的处理 也就是基于webpack等工具「vite/rollu

上次说到了创建react项目后，默认把webpack的配置项都隐藏到了node_modules中了，但是我们在实际开发中难免会遇到需要自己特殊配置一些webpack的情况，所以这时就用到了"eject

React是Web前端框架 1.目前市面上比较主流的前端框架 React框架采用的是MVC体系；Vue框架采用的是MVVM体系； MVVM：model数据层 + view视图层 + viewModel

JSX构建视图的基础知识 JSX：javascript and xml(html) 把JS和HTML标签混合在了一起「并不是我们之前玩的字符串拼接」 @1 vscode如何支持JSX语法「格式化、快捷

1.关于JSX底层处理机制 第一步：把我们编写的JSX语法，编译为虚拟DOM对象「virtualDOM」 左侧是输入编写的代码，右侧是babel编译过后的代码 我们把右侧编译过后的代码提炼出来看下 可

上一篇文章说到了JSX的渲染机制流程，以及虚拟dom怎么形成的，这篇就讲一下如何把虚拟dom变成真实的dom 接下来就是创建真实DOM，遍历DOM节点的属性，我们这次只考虑type和props 基于传

属性props的处理 调用组件，传递进来的属性是“只读”的「原理：props对象被冻结了」 作用：父组件(index.jsx)调用子组件(DemoOne.jsx)的时候，可以基于属性，把不同的信息传递