React
卓曉晖
这个作者很懒,什么都没留下…
展开
-
保安日记:React框架学习第五篇之redux
redux一个独立专门用于做状态管理的JS库作用: 集中式管理react应用中多个组件共享的状态基础概念参考阮一峰的文档传送门:教程一:http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_one_basic_usages.html教程二:http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_two_async_operations.html教程三:http://ww原创 2020-11-15 16:40:59 · 156 阅读 · 0 评论 -
保安日记:React框架学习第四篇之react-router
1. 理解react-routerreact的一个插件库专门用来实现一个SPA应用基于react的项目基本都会用到此库react-router: 实现了路由的核心功能react-router-dom: 基于react-router,加入了在浏览器运行环境下的一些功能2. 几个重要问题1). SPA应用单页Web应用(single page web application,SPA)整个应用只有一个完整的页面点击页面中的链接不会刷新页面, 本身也不会向服务器发请求当点击链接时, 只会做原创 2020-11-15 16:39:12 · 216 阅读 · 0 评论 -
保安日记:React框架学习第三篇之生命周期
生命周期生命周期即是组件从实例化到渲染到最终从页面中销毁,整个过程就是生命周期。在这生命周期中,我们有许多可以调用的事件,也俗称为钩子函数生命周期的3个状态:Mounting(挂载):将组件插入到DOM中Updating:将数据更新到DOM中Unmounting(卸载):将组件移除DOM中生命周期中的钩子函数(方法,事件)componentWillMount :组件将要渲染,AJAX,添加动画前的类componentDidMount:组件渲染完毕,添加动画componentWillRece原创 2020-11-06 15:53:10 · 107 阅读 · 0 评论 -
保安日记:React框架学习第二篇
Props父传递给子组件数据,单向流动,不能子传递给父。props的传值,可以是任意的类型。Props可以设置默认值HelloMessage.defaultProps = { name:”老陈”,msg:“helloworld” }**注意:**props可以传递函数,props可以传递父元素的函数,就可以去修改父元素的state,从而达到传递数据给父元素。父传子数据传递案例class ParentNode extends React.Component{ constructo原创 2020-11-05 19:10:35 · 143 阅读 · 0 评论 -
保安日记:React框架学习第一篇
初识reactReact 构建用户界面的JavaScript库,主要用于构建UI界面特点:1、声明式的设计2、高效,采用虚拟DOM来实现DOM的渲染,最大限度的减少DOM的操作。3、灵活,跟其他库灵活搭配使用。4、JSX,俗称JS里面写HTML,JavaScript语法的扩展。5、组件化,模块化。代码容易复用,2016年之前大型项目非常喜欢react6、单向数据流。没有实现数据的双向绑定。数据-》视图-》事件-》数据React Jsx语法JSX表达式1、由HTML元素构成2、中间如果原创 2020-11-04 14:19:30 · 133 阅读 · 0 评论