摘要：
工具：React Developer Tools 基于chrome浏览器 更多工具 \(\Rightarrow\) 扩展程序，左下角 “打开Chrome网上应用店”， 选择提供方为 Facebook 的。 在F12中多了 Components 和 Profiler。 阅读全文
posted @ 2021-02-13 15:02
poetea
阅读(58)
评论(0)
推荐(0)
摘要：
模块 理解：向外提供特定功能的js程序，一般就是一个js文件 为什么要拆分模块：随着业务逻辑增加，代码越来越多且复杂 作用：复用js，简化js的编写，提高js的效率 组件 理解：用来实现局部功能效果的代码和资源的集合（html/css/js/image等等） 为什么：一个界面的功能更复杂 作用：复用 阅读全文
posted @ 2021-02-13 14:56
poetea
阅读(40)
评论(0)
推荐(0)
摘要：
<script type="text/babel" > // 1. 创建虚拟DOM const VDOM = ( <div> <h1>前端js框架列表</h1> <ul> <li>Angular</li> <li>React</li> <li>Vue</li> </ul> </div> ) // 2 阅读全文
posted @ 2021-02-13 14:42
poetea
阅读(57)
评论(0)
推荐(0)
摘要：
JSX 全程 JavaScript XML react定义的一种类似XML的JS扩展语法：JS+XML jsx语法规则 定义虚拟DOM时，不要写引号。 标签重混入JS表达式时要用 {}。 样式的类名指定不要用class，要用className。 内联样式：要用 style={{key:value}} 阅读全文
posted @ 2021-02-13 12:53
poetea
阅读(46)
评论(0)
推荐(0)
摘要：
关于虚拟DOM： 本质是Object类型的对象（一般对象） 虚拟DOM比较“轻”，真实DOM比较“重”，因为虚拟DOM是React内部在用，无需真实DOM上那么多的属性。 虚拟DOM最终会被React转化为真实DOM，呈现在页面上。 阅读全文
posted @ 2021-02-13 12:28
poetea
阅读(93)
评论(0)
推荐(0)
摘要：
使用jsx创建虚拟DOM： <script type="text/babel" > /* 此处一定要写babel */ // 1. 创建虚拟DOM const VDOM = <h1 id="title">Hello,React</h1> /* 此处一定不要写引号，因为不是字符串 */ // 2. 渲 阅读全文
posted @ 2021-02-13 11:27
poetea
阅读(82)
评论(0)
推荐(0)
摘要：
中文官网：https://reactjs.org/ 英文官网：https://react.docschina.org/ 相关js库： react.js：React核心库 下载链接； react-dom.js：提供操作DOM的react扩展库 下载链接； babel.min.js：解析JSX语法代码转 阅读全文
posted @ 2021-02-13 11:12
poetea
阅读(45)
评论(0)
推荐(0)
浙公网安备 33010602011771号