随笔分类 -  react

react-router
摘要：一、相关理解： 1.react-router的相关理解 1）react的一个插件库 2）专门用来实现一个SPA应用 3）基于react的项目基本都会用到此库 2.SPA的理解 1）单页web应用（single page web application，SPA） SPA应用和非SPA应用的区别： 点击 阅读全文
posted @ 2019-12-31 14:03 世界上最棒的鹅 阅读(236) 评论(0) 推荐(0)
react-组件间的通信
摘要：方式一：通过props传递（只能父子之间传值） 1.共同的数据放在父组件上，特有的数据放在自己组件内部（state） 2.通过props可以传递一般数据和函数数据，只能一层一层传递 3.一般数据 >父组件传递数据给子组件 >子组件读取数据 4.函数数据 >子组件传递数据给父组件 >子组件调用函数 方 阅读全文
posted @ 2019-12-30 17:12 世界上最棒的鹅 阅读(203) 评论(0) 推荐(0)
react-组件的生命周期
摘要：组件生命周期： 命令式编程：jquery（自己寻找要操作的DOM元素，自己写要做的事情） 声明式编程：react（只需要在钩子函数中写东西即可，不需要执行钩子函数） 这些钩子函数是本身就会执行的，我们重写了一部分，是为了在这个组件的某个时期做一些事情。 生命周期流程: 1. 第一次初始化渲染显示: 阅读全文
posted @ 2019-12-26 15:02 世界上最棒的鹅 阅读(309) 评论(0) 推荐(0)
react-小案例，收集表单数据
摘要：小案例代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>work7</title> <script src="../js/react.development.js"></script> <script 阅读全文
posted @ 2019-12-26 11:31 世界上最棒的鹅 阅读(541) 评论(0) 推荐(0)
react-面向组件编程和react的三大属性
摘要：react：面向组件编程 面向对象 >面向模块 >面向组件 实现效果： <MyComponent> <h2>工厂函数组件（简单组件）</h2> </MyComponent> <MyComponent2> <h2>ES6类组件（复杂组件）</h2> </MyComponent2> 代码： <!DOCT 阅读全文
posted @ 2019-12-25 15:44 世界上最棒的鹅 阅读(431) 评论(0) 推荐(0)
react-jsx和数组
摘要：JSX： 1.全称：JavaScriptXML， 2.react定义的一种类似于XML的JS扩展语法：XML+JS 3.作用：用来创建react虚拟DOM（元素）对象 var ele=<h1>Hello,world!</h1> 注意：他不是一个字符串，也不是HTML/XML，它最终产生的就是一个JS 阅读全文
posted @ 2019-12-24 15:25 世界上最棒的鹅 阅读(733) 评论(0) 推荐(0)
react特点和创建虚拟DOM
摘要：react：用于构建用户界面的JavaScript库 特点： 1.声明式（只需要更新数据，不需要操作DOM，页面就会变化） 2.组件化（页面简化，方便维护） 3.一次学习，随处编写（ReactNative，可以运用在手机上，包括安卓和ios，既可以写浏览器端也可以写服务器端） 4.高效（虚拟dom： 阅读全文
posted @ 2019-12-24 15:14 世界上最棒的鹅 阅读(726) 评论(0) 推荐(0)