前端-React
OkidoGreen
这个作者很懒,什么都没留下…
展开
-
一看就懂的ReactJs入门教程(精华版)
现在最热门的前端框架有AngularJS、React、Bootstrap等。自从接触了ReactJS,ReactJs的虚拟DOM(Virtual DOM)和组件化的开发深深的吸引了我,下面来跟我一起领略ReactJS的风采吧~~ 章有点长,耐心读完,你会有很大收获哦~一、ReactJS简介React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaSc转载 2016-06-29 15:48:16 · 1922 阅读 · 0 评论 -
Redux 介绍
https://www.jackzxl.net/2017/05/redux-middleware/转载 2017-05-18 11:23:15 · 946 阅读 · 0 评论 -
JSX,Html语法需注意的部分
在JSX中设置style属性与其它的属性不同, 在JSX中我们通常是通过 {} 的方式插入值,但是设置style属性需要{{ }} ,否则系统会报错。import classes form './myCss.css'{/*JSX 中的注释方式*/}{/*style属性必须使用 {{}} */}div style={{width: 20px; height=30px}}>转载 2017-03-15 17:53:17 · 2477 阅读 · 0 评论 -
React之ref详细用法
在react典型的数据流中,props传递是父子组件交互的唯一方式;通过传递一个新的props值来使子组件重新re-render,从而达到父子组件通信。当然,就像react官网所描述的一样,在react典型的数据量之外,某些情况下(例如和第三方的dom库整合,或者某个dom元素focus等)为了修改子组件我们可能需要另一种方式,这就是ref方式。ref 简介React提供的这个ref属转载 2017-04-07 16:09:54 · 18254 阅读 · 0 评论 -
理解 React,但不理解 Redux,该如何通俗易懂的理解 Redux?
作者:Wang Namelos链接:https://www.zhihu.com/question/41312576/answer/90782136来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。解答这个问题并不困难:唯一的要求是你熟悉React。不要光听别人描述名词,理解起来是很困难的。从需求出发,看看使用React需要什么:1转载 2017-04-07 10:37:23 · 3610 阅读 · 0 评论 -
React Native 中 component 生命周期
React Native中的component跟Android中的activity,fragment等一样,存在生命周期,下面先给出component的生命周期图getDefaultPropsobject getDefaultProps()执行过一次后,被创建的类会有缓存,映射的值会存在this.props,前提是这个prop不是父组件指定的 这个方法在对象被创转载 2017-02-15 16:09:57 · 964 阅读 · 0 评论 -
JavaScript小括号、中括号、大括号的多义性
可根据条件判断 是否展示某标签的 自身属性可设置1为checkbox标签的属性,且值为1小括号JavaScript中小括号有五种语义:语义1,函数声明时参数表[javascript] view plaincopyfunc(arg1,arg2){ // ... }原创 2017-03-02 18:15:26 · 1441 阅读 · 0 评论 -
新手使用React时遇到的问题整理<一>
本人新手一枚,以前没写过博客,但是总感觉做技术的不整理自己学的东西,是对自己的不负责任。有加上最近刚开始学习新技术,所以就想借这个机会开始学习写写博客,记录一下自己的学习历程。由于是刚开始学习React,以及一些相关的框架如React-redux 和 React-Router等,很多东西都是自学的,所以很多东西都不是很明白,但是我写博客就是为了记录自己的经历的,中间有什么说的不对的大家可以转载 2017-02-16 11:54:46 · 2793 阅读 · 0 评论 -
30分钟手把手教你学webpack实战
http://www.cnblogs.com/Leo_wl/p/4793722.html阅读目录一:什么是webpack? 他有什么优点?二:如何安装和配置三:理解webpack加载器四:理解less-loader加载器的使用五:理解babel-loader加载器的含义六:了解下webpack的几个命令七:webpack对多个模块依赖进行打包八:如何独立打包成样式文件九:如何打转载 2017-01-06 15:08:05 · 1152 阅读 · 0 评论 -
初学React,setState后获取到的thisstate没变,还是初始state?
问题:(javascript)初学React,setState后获取到的thisstate没变,还是初始state?描述: getInitialState(){ return {data:[]}; }, componentDidMount(){ var data = [ { a转载 2016-08-22 15:19:08 · 20720 阅读 · 0 评论 -
React 组件之间如何交流
前言今天群里面有很多都在问关于 React 组件之间是如何通信的问题,之前自己写的时候也遇到过这类问题。下面是我看到的一篇不错英文版的翻译,看过我博客的人都知道,我翻译可能不会按部就班,会尽可能用中文的意思,来将作者要讲述的技术描述清楚。英文能力有限,如果有不对的地方请跟我留言,一定修改……^_^原著序处理 React 组件之间的交流方式,主要取决于组件之间的关系,然而这些转载 2016-08-18 15:22:50 · 2649 阅读 · 0 评论 -
怎么更好的理解虚拟DOM?
作者:戴嘉华链接:https://www.zhihu.com/question/29504639/answer/73607810来源:知乎著作权归作者所有,转载请联系作者获得授权。写一个就知道了。刚好写了一篇博客刚好可以回答这个问题,copy过来:深度剖析:如何实现一个 Virtual DOM 算法 · Issue #13 · livoras/blog · GitHub转载 2016-08-29 11:00:13 · 2307 阅读 · 0 评论 -
用React+Redux+ES6写一个最傻瓜的Hello World
最近Redux+React似乎在前端圈子里越来越火了,然而即使是官方的文档也只给出了一个TodoMVC的范例,里面上百行的代码以及过多的新概念,对于很多初学者(包括我)来说依然很复杂。google百度搜了搜,也一直没有找到简单傻瓜如同Hello World的快速入门,所以今天花了一点时间写了个最最简单的DEMO(真的是最最简单了/w\):点这里看DEMOGithub:htt转载 2016-08-01 16:15:50 · 3749 阅读 · 1 评论 -
React和Redux的连接react-redux
http://leozdgao.me/reacthe-reduxde-qiao-jie-react-redux/之前一直在探索React相关的东西,手上有个SPA项目,于是准备上Redux试试水。Redux本身和React并没有之间的关联,它是一个通用Javscript App模块,用做App State的管理。要在React的项目中使用Redux,比较好的方式是借助react-redux这个转载 2016-08-01 16:03:30 · 1155 阅读 · 0 评论 -
react+redux教程(一)connect、applyMiddleware、thunk、webpackHotMiddleware
http://www.cnblogs.com/lewis617/p/5145073.html;今天,我们通过解读官方示例代码(counter)的方式来学习react+redux。例子这个例子是官方的例子,计数器程序。前两个按钮是加减,第三个是如果当前数字是奇数则加一,第四个按钮是异步加一(延迟一秒)。源代码:https://github.com/lewi转载 2016-07-17 21:49:49 · 1710 阅读 · 0 评论 -
React快速入门教程
目录:简介Hello React!虚拟DOMReact组件轮子来了:JSX使用JSX简介React是Facebook开源的一个用于构建用户界面的Javascript库,已经 应用于Facebook及旗下Instagram。和庞大的AngularJS不同,React专注于MVC架构中的V,即视图。 这使得React很容易和开发者已有的开发栈进行融合。React转载 2016-07-19 12:00:48 · 989 阅读 · 0 评论 -
React 入门实践
简介首先想要介绍的是 React,看到这篇文章的朋友想必都有一些关于 React 的了解了,但对于刚接触的新人而言,在这就要简要地介绍一下了。然后就是关于使用 React 构建一个简单单页应用(下文用 SPA 代替,Single Page Application)的一些介绍和讲解。关于 ReactReact 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScri转载 2016-07-17 20:29:02 · 2822 阅读 · 0 评论 -
React开发神器Webpack
编者按:自2013年Facebook发布以来,React吸引了越来越多的开发者,基于它的衍生技术,如React Native、React Canvas等也层出不穷。InfoQ精心策划“深入浅出React”系列文章,为读者剖析React开发的技术细节。上一篇我们对React有了一个总体的认识,在介绍其中的技术细节之前,我们首先来了解一下用于React开发和模块管理的主流工具Webpack。称转载 2016-07-15 12:04:14 · 2312 阅读 · 0 评论 -
从Java的角度理解前端框架,nodejs,reactjs,angularjs,requirejs,seajs
转:http://blog.csdn.net/uikoo9/article/details/45999745【前端神秘的面纱】对后端开发来说,前端是神秘的,眼花缭乱的技术,繁多的框架,如果你还停留在前端等于只用jQuery做开发,那么你out了,本文从Java的角度简述下目前前端流行的一些框架。水平有限,欢迎指正。【nodejs】官网转载 2017-03-03 14:57:45 · 2217 阅读 · 0 评论