随笔分类 -  react

品读react官方文档的一些学习笔记
react工具集
摘要：React支持多平台, 多语言使用. 它能在web. iOS, Android, NodeJS, Nashorn等平台上使用. 同时, 它也支持在像JavaScript, TypeScript, ClojureScript等语言中使用. 为了构建许多优秀的应用, 大神们开发了许多的工具可够大家使用, 阅读全文
posted @ 2017-02-23 11:12 此生依然 阅读(336) 评论(0) 推荐(0)
react在浏览器中的工作原理
摘要：前言: react提供了的高度抽象, 在大多数情况下, 你可以任意地操作DOM. 但有的时候, 使用已经存在的API或者第三方库可以让你的操作变得更方便. 使用react的时候, 我们没有直接写DOM节点, 而是使用的虚拟节点.但是最后我们看到的又是用一个个的DOM节点渲染出来的页面,. 按照常理来 阅读全文
posted @ 2017-02-22 18:45 此生依然 阅读(3320) 评论(0) 推荐(1)
react表单
摘要：和html一样, react也提供了许多的可供交互的组件, 这些组件有 input, textarea, option等. react 提供的这些组件与其他的组件又有一些不同, 其他的组件多数用于展示信息, 而这些组件可以通过用户的操作进行交互. 那么input, checked, selected 阅读全文
posted @ 2017-02-21 12:54 此生依然 阅读(1233) 评论(0) 推荐(0)
组件的重用性
摘要：什么是组件的重用性？ 我们把一个大的功能拆分为一个一个的小模块，比如按钮、表单、下拉框、轮播图等。 提高组件的重用性有什么好处呢？ 1. 写更少的代码。 2. 减少开发时间。 3. 代码的bug更少。 4. 占用的字节更少。 为了保证数据的正确性，我们可以对props的数据进行验证，验证方法如下： 阅读全文
posted @ 2017-02-20 23:28 此生依然 阅读(1164) 评论(0) 推荐(0)
react-交互-异步uis
摘要：常见的改变数据的方法是setState, setState(data,callback)方法有两个参数。 1. 这个方法会把data合并到state中，并且重新渲染页面。 2. 当页面重新渲染完成后，callback方法就会被触发。大多数情况下，我们不需要手动调用callback, 因为在state 阅读全文
posted @ 2017-02-19 13:19 此生依然 阅读(294) 评论(0) 推荐(0)
react-jsx
摘要：在react中，并不是一定需要用jsx，但是，开发react，推荐使用jsx, 为什么？ 1. 方便开发者开发。 2. 使用类似于XML的方式，需要一个闭合的标签，如<Node></Node>; 3. 它可以在javascript中使用，但是不会修改javascript的语义。 HTML 标签和 r 阅读全文
posted @ 2017-02-18 11:44 此生依然 阅读(653) 评论(0) 推荐(0)
react展示数据
摘要：react做得最好的事，就是配合UI展示数据，通过调用接口，如果返回的数据发生改变，页面展示的数据会自动地发生改变。 react可以使用jsx语法，允许在js代码中直接写html标签，并且在节点上直接绑定数据，在父级和子级之间的同信时，使用props进行通信。props是properties的简写。 阅读全文
posted @ 2017-02-18 10:44 此生依然 阅读(2744) 评论(0) 推荐(0)
为什么使用react
摘要：react是facebook创建的一个javascript库，人们通常把react当成MVC结构中的V，即用于展示的view层。 react 是单向数据流，当页面需要的数据发生改变后，对应的页面会自动刷新。并且，它有一个好处就是，每次更新，只会更新有改变的地方。 react最主要的事就是考虑组件的复 阅读全文
posted @ 2017-02-18 10:04 此生依然 阅读(305) 评论(0) 推荐(0)