![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
王德胜
好青年
展开
-
React(3)--组件的生命周期
我们正式开始 React 的学习我们先看一下 React 的一个简单的例子:React组件的生命周期 和 生命周期的方法原创 2016-09-21 00:37:43 · 669 阅读 · 0 评论 -
RN多文件上传
/* * * 上传图片请求 * @param * @returns * */ uploadImage(imgAry) { let formData = new FormData();<br> //因为需要上传多张图片,所以需要遍历数组,把图片的路径数组放入formData中 for(var i = 0;i<imgAry.lengt转载 2017-03-15 15:52:15 · 2261 阅读 · 0 评论 -
Webpack常用配置、插件总结
webpack常用配置、插件整合: 主要是认识webpack中常用配置项、插件. 这里有一篇不错的整合文章: 原文:《Webpack for React》 翻译:《入门webpack》原创 2017-01-06 16:04:25 · 6267 阅读 · 0 评论 -
React(10)--构建工具
React 程序开发,最重要的工作之一是:对所有 React 组件运行的 JSX 解析;另一个是:将所有模块打包成一个或者多个文件分发到浏览器中使用。让我们来看看2款流行的 JavaScript 构建工具: Browserify 和 Webpack (我主要学习一下 Webpack)什么是 Webpack ? webpack 是近期最火的一款模块加载器兼打包工具,它能把各种资源,例如JS(含J原创 2016-11-02 00:53:13 · 845 阅读 · 0 评论 -
React(7.2)--React ES6 处理 mixin
前言: 由于 mixin 有悖 JavaScript 语义化,React ES6 使用高阶组件替代 Mixins。 这一节,我们将主要讨论如何使用 高阶组件 的方式取代传统的 React Mixins。那个我们怎么使用 ES6 处理 mixin?什么是 高阶组件 ? 通过函数向现有组件类添加逻辑,就是高阶组件。 高阶组件实际上只是一个方法,这个方法利用一个现有组件去原创 2016-10-02 00:17:18 · 2674 阅读 · 0 评论 -
React(7.1)--mixin
前言:从 React 0.13 开始,mixin 逐渐退出历史舞台,React ES6 将不再支持 mixin,否则有悖 JavaScript 语义化的初衷。所以,这节我们只是简单说明一下 React 的 mixin,下一节才是我们的重点内容, React ES6 如何处理 mixin 。- mixin 的缺点 一个组件和它的 mixin 之间的关联是隐式的。mixin 通常依赖于定义在原创 2016-10-01 23:49:18 · 273 阅读 · 0 评论 -
React(10)-- 构建工具Webpack
React 程序开发中,最具重复性的工作:对所有 React 组件允许 JSX解析器;将所有模块打包成分发到浏览器中使用。 2款流行的 JavaScript 构建工具:Browserify & ]Webpack] (主要学习)Webpack 是什么? webpack 是一款模块加载器 兼 打包工具,它能把各种资源(JS、JSX、TypeScript、coffe、less、sass、图原创 2016-10-16 15:11:02 · 477 阅读 · 0 评论 -
React(6)--组件的复合
传统 HTML 元素是构成页面的基本,而在 React 中,构成页面的基础单元是 React 组件。 React 希望通过结合小巧简单的组件和数据对象,构成大型组件来构建应用。 下面我们来写一个例子,来展示 React 组件的复合: 需求:选择题里面自定义选项。/** * 2016年9月28日21:12:51 * 组件复合 *//*** * 问题选项 组件 */原创 2016-09-28 21:42:10 · 333 阅读 · 0 评论 -
React(5)--事件处理
一个完整的界面,一半是展示,另一半是响应。React 通过将事件处理器绑定到组件上来处理事件(事件触发,更新组件状态,从而重绘)。 让我们看看以下列子 <button class=" sub " onClick = { this.handleClick } > 确定 </button>//或者React.DOM.button( { calssName : "sub", onClick原创 2016-09-27 02:16:31 · 465 阅读 · 0 评论 -
React(9)--表单
表单 是网站开发不可缺少的元素,构成表单的元素有:Label、textarea、select、checkbox、radio、form 等等。这一章,我们学习一下 React 中的表单。< Label />//JSX中:<label htmlFor="name">姓名:</label>//javascript中:React.DOM.label({ htmlFor : "name"}, "姓名")原创 2016-10-11 02:39:01 · 231 阅读 · 0 评论 -
React(2)--JSX
前言: - 在 React 中,组件是用于分离关注点,而不是被当作模板或者处理显示逻辑的。 - 使用 React,我们要习惯HTML标签及生成这些标签的代码间的内在紧密关系 。 - React 可以不适用 JSX,然而 JSX 可以提高组件可读性,推荐使用 JSX 。目录:前言目录JSX- 什么是JSX- 为什么使用JSX 1 允许使用原创 2016-09-20 02:23:06 · 231 阅读 · 0 评论 -
React(4. 2)--数据流(实践篇)
回顾一下上一篇内容,React 是单向数据流传输的,props 和 state 共同构成原始数据。props 和 state 的基本使用,以及 什么时候使用 props 和 state: – State 应该包括那些可能被组件的事件处理器改变并触发用户界面更新的数据。 – state 增加了组件的复杂度同时降低了组件的可预见性,我们要尽可能创建多个只负责渲染数据的无状态(sta原创 2016-09-24 19:20:37 · 217 阅读 · 0 评论 -
React(8)--DOM操作
当仅使用虚拟DOM无法满足需求时,我们可以使用 ref 属性,访问指定元素。并且在 componentDidMount执行后,使用 getDOMNode( ) 修改他们底层的DOM节点。 使用的一般场景是: ① 使用React 没有原生支持的功能; ① 整合第三方类库 ; 访问DOM节点:let HelloMessage = React.createC原创 2016-10-10 00:59:18 · 171 阅读 · 0 评论 -
React(1)--开始学习
开始学习 React-目录:1. React什么是2. 为什么使用React3. 学习方向(React学习方向)原创 2016-09-20 00:34:22 · 361 阅读 · 1 评论 -
React(4. 1)--数据流(理论篇)
前言: 数据的传递是代码开发重要的一节,在 React 数据是怎么传递的呢? → 单向数据流 开始之前,我们需要大概认知一下 React 的数据传输形式: 在 React 中,数据的流向是单向的(即 从父节点传递到子节点);如果顶层组建的某个 prop 改变了,React 会递归 地向下遍历整棵组件树,重新渲染所有使用这个 prop 的组件。原创 2016-09-22 00:35:32 · 317 阅读 · 0 评论 -
React Native 项目常用第三方组件汇总
React Native 项目常用第三方组件汇总:React-native-uploader //文件上传 https://github.com/aroth/react-native-uploader0.gif jpush-react-native //官方版本 https://github.com/jpush/jpush-react-nativereact-native-jpush 由 Re转载 2017-03-15 16:03:40 · 408 阅读 · 0 评论