随笔档案「2017年8月」 - yezixuan

【02】webpack 之入门

摘要：http://www.jianshu.com/p/42e11515c10f 写在前面的话阅读本文之前，先看下面这个webpack的配置文件，如果每一项你都懂，那本文能带给你的收获也许就比较有限，你可以快速浏览或直接跳过；如果你和十天前的我一样，对很多选项存在着疑惑，那花一段时间慢慢阅读本文，你的疑阅读全文

posted @ 2017-08-25 14:59 yezixuan 阅读(211) 评论(0) 推荐(0)

【13】react 之 redux(2)

摘要：转载：http://www.cnblogs.com/MuYunyun/p/6530715.html 什么情况需要用redux？用户的使用方式复杂不同身份的用户有不同的使用方式（比如普通用户和管理员）多个用户之间可以协作与服务器大量交互，或者使用了WebSocket View要从多个来源获取数阅读全文

posted @ 2017-08-20 11:01 yezixuan 阅读(195) 评论(0) 推荐(0)

【12】react 之 redux(1)

摘要：TodoList小demo TodoList小demo 效果展示项目地址 (单向)数据流数据流是我们的行为与响应的抽象；使用数据流能帮我们明确了行为对应的响应，这和react的状态可预测的思想是不谋而合的。常见的数据流框架有Flux/reFlux/Redux。相比其它数据流框架，Redux轻量阅读全文

posted @ 2017-08-20 10:56 yezixuan 阅读(249) 评论(0) 推荐(0)

【11】react 之 flux

摘要：Flux 是 Facebook 使用的一套前端应用的架构模式。React 标榜自己是 MVC 里面 V 的部分，那么 Flux 就相当于添加 M 和 C 的部分。 1.1. Flux介绍 Flux并不是一项新的技术，而是一种架构模式，一个Flux应用由四个部分: View：视图层(组件) Acti 阅读全文

posted @ 2017-08-13 14:41 yezixuan 阅读(385) 评论(0) 推荐(0)

【10】react 之 react-router

摘要：1.1. 路由路由：URL与处理器的映射。浏览器当前的 URL 发生变化时，路由系统会做出一些响应，用来保证用户界面与 URL 的同步。 1.2. Router安装 npm i react-router -save 1.3. Router使用路由器Router就是React的一个组件，所以使用阅读全文

posted @ 2017-08-13 13:03 yezixuan 阅读(375) 评论(0) 推荐(0)

【09】react 之表单组件

摘要：不太清楚有多少初学React的同学和博主当时一样，在看完React的生命周期、数据流之后觉得已经上手了，甩开文档啪啪啪的开始敲了起来。结果...居然被一个input标签给教做人了。故事是这样的：首先你创建了一个input标签一切都是如此的轻松自然，接着由于需求你给input上设置了一个默认值：阅读全文

posted @ 2017-08-13 11:05 yezixuan 阅读(424) 评论(0) 推荐(0)

【07】react 之生命周期

摘要：阅读目录(Content) 实例化 getDefaultProps getInitialState componentWillMount render componentDidMount 存在期 componentWillReceiveProps shouldComponentUpdate comp 阅读全文

posted @ 2017-08-13 08:34 yezixuan 阅读(226) 评论(0) 推荐(0)

【06】react 之 PropsType

摘要：React组件创建的时候，需要传入属性，我们可以使用使用PropTypes进行类型检查，您可以使用React.PropTypes在组件的道具上运行。默认情况下，验证器将props视为可选属性。您可以使用isRequired确保在未提供道具时显示警告。或者 es6 阅读全文

posted @ 2017-08-12 20:59 yezixuan 阅读(719) 评论(0) 推荐(0)

【05】react 之组件state

摘要：1.1. 状态理解 React的数据流：由父节点传递到子节点（由外到内传递），如果顶层组件某个prop改变了，React会向下传递，重新渲染所有使用过该属性的组件。除此之外React 组件内部还具有自己的状态，这些状态只能在组件内部修改。通过与用户的交互（点击），实现不同状态（显示、隐藏、数量增加. 阅读全文

posted @ 2017-08-12 20:49 yezixuan 阅读(320) 评论(0) 推荐(0)

【04】react 之复合组件

摘要：1.1. 什么是组件？前端开发中组件也称为UI组件，组件即将一段或几段完成各自功能的代码段封装为一个或几个独立的部分。UI组件包含了这样一个或几个具有各自功能的代码段，最终完成了用户界面的表示。React鼓励你为每一个关注点创造出一个独立的组件，比如：当然，以上组件内部还是可以细分，比如数据表格阅读全文

posted @ 2017-08-12 16:31 yezixuan 阅读(368) 评论(0) 推荐(0)

【03】react 之创建component

摘要：React推出后，出于不同的原因先后出现三种定义react组件的方式，殊途同归；具体的三种方式：虽然有三种方式可以定义react的组件，那么这三种定义组件方式有什么不同呢？或者说为什么会出现对应的定义方式呢？下面就简单介绍一下。无状态函数式组件创建无状态函数式组件形式是从React 0.14版阅读全文

posted @ 2017-08-12 16:01 yezixuan 阅读(432) 评论(0) 推荐(0)

【02】react 之 jsx

摘要：React与ReactDOM是react中核心对象，React为核心功能，ReactDOM提供对DOM的操作，以前的老版本中只有React没有ReactDOM,新版本中分离出ReactDOM提供两种渲染方式：浏览器渲染（react-dom.js）和服务器渲染（react-dom-server.js）阅读全文

posted @ 2017-08-12 15:17 yezixuan 阅读(362) 评论(0) 推荐(0)

【01】react 之 hello world

摘要：React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设 Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。由于 React 的设计思想极其独特，属于革命性创新，性能出众，代阅读全文

posted @ 2017-08-12 14:46 yezixuan 阅读(276) 评论(0) 推荐(0)