Babel是一个JavaScript编译和工具平台,使用Babel我们可以:使用新版本的JavaScript(ES6/ES2015,ES7/ES2016),尽管有些浏览器不能全部支持新特性;使用JavaScript语言扩展,例如React JSX。Babel是一个独立的工具,可以与Webpack一起 ...
分类:
Web程序 时间:
2016-10-09 19:51:38
阅读次数:
289
因为被派去协助别的组,有机会写了一下react,发现ICE做的那一个套件用来搭建后台系统真的太给力了(插一句必入table组件其实是可以把删除添加座位基础方法加进去的)。因为看了demo的代码以及对于jsx语法的不熟悉,所以一时不知所措把css写在哪里才发现react对于css的处理已经不同于原来传 ...
分类:
Web程序 时间:
2016-10-09 16:54:40
阅读次数:
126
一、HTML 模板 使用 React 的网页源码,结构大致如下。 上面代码有两个地方需要注意。首先,最后一个 <script> 标签的 type 属性为 text/babel 。这是因为 React 独有的 JSX 语法,跟 JavaScript 不兼容。凡是使用 JSX 的地方,都要加上 type ...
分类:
Web程序 时间:
2016-10-04 18:35:15
阅读次数:
349
react说白了就是用jsx开发一个view层的东西,如果你要想开发一些web端的网页应用,你需要做的就是结合起目前可以管理数据端的一些应用,今天我们说到的是redux,redux我目前学习的也不是很深,前后差不多10天时间,只谈一下自己的理解! 网络上有很多关于redux的讲解,目前觉得阮一峰大神 ...
分类:
其他好文 时间:
2016-09-27 00:18:51
阅读次数:
132
一.ref是通过ReactDOM.render返回的 定义在组件上的render方法返回的是一个虚拟的DOM节点,jsx返回的是一个ReactElement,ReactDOM.render返回的是一个组件实例的引用 二.ref的类型 ref有两种类型的值分别是:字符串和函数。组件的ref只有组件被装 ...
分类:
其他好文 时间:
2016-09-23 23:06:07
阅读次数:
163
引言 目前React前端框架是今年最火的。而基于React的React Native也迅速发展。React有其独特的组件化功能与JSX的新语法,帮助前端设计有了更好的设计与便捷,而React Native更是扩大了前端的边界。 说道React,那就不得不说一下Webpack凭借它异步加载和可分离打包 ...
分类:
Web程序 时间:
2016-09-19 12:51:56
阅读次数:
267
webpack官方文档 什么是webpack? Webpack 是一个前端资源加载/打包工具(Module Bundler),它能把各种资源,例如JS(含JSX)、coffee、样式(含less/sass)、图片等都作为模块来使用和处理。 只需要相对简单的配置就可以提供前端工程化需要的各种功能,并且 ...
分类:
Web程序 时间:
2016-09-09 22:28:02
阅读次数:
317
//2条const MAX_SHOW_NUM = 2;class HotDiscuss extends Component { static propTypes = { //验证 repliedCommentList: PropTypes.array, }; constructor(props) { ...
分类:
Web程序 时间:
2016-09-07 17:34:14
阅读次数:
169
上一节的代码, HTML 语言直接写在 JavaScript 语言之中,不加任何引号,这就是 JSX 的语法,它允许 HTML 与 JavaScript 的混写(查看 Demo02 )。 var arr = [ <h1>Hello world!</h1>, <h2>React is awesome< ...
分类:
Web程序 时间:
2016-08-30 20:56:24
阅读次数:
167
目前较为流行的react确实有很多优点,例如虚拟dom,单向数据流状态机的思想。还有可复用组件化的思想等等。加上搭配jsx语法和es6,适应之后开发确实快捷很多,值得大家去一试。其实组件化的思想一直在提,原来的开发中也会抽一些公共的模块出来。但是react带来的思想冲击是革命性的,套用一句可能不太合 ...
分类:
Web程序 时间:
2016-08-27 19:25:39
阅读次数:
413