jsx 不能直接运行,是被 babel-loader 中的 react 这个 preset 翻译的 需要注意: 1.必须被一个单独的大标签包裹,比如:div 或者 section 2.标签必须封闭 3.class 要写成 className, for 要写成 htmlFor 4.HTML 注释不能使 ...
分类:
Web程序 时间:
2018-01-31 00:59:13
阅读次数:
1059
要让webpack知道这就是我们的index.html入口文件,并且我们不需要手动引入打包后的js文件,需要安装html-webpack-plugin npm install html-webpack-plugin --save-dev react里面的JSX语法普通浏览器可解析不了,需要安装bab ...
分类:
Web程序 时间:
2018-01-29 20:11:17
阅读次数:
186
react 轻量级的视图层的数据驱动框架(MVC) 2013年5月react开源,2013年4月vue在github提交第一行代码 react模板语法:jsx( js表达式加{} ) react优势: 1. 语法灵活接近底层 2. 社区完善 vue优势: 1. 使用简单 虚拟DOM(react率先使 ...
分类:
其他好文 时间:
2018-01-23 00:59:54
阅读次数:
140
经过这四期的讲解,我们从Hello World应用入手,解释了React最重要的概念JSX,以及两种不同模式的应用构建方法。这一讲我们着重对比传统模式和新模式下的React项目构建,从而为初学者提供学习方向。 1. 传统模式构建 一般在传统模式下,我们构建前端项目很简单。就是下载各种js文件,如JQ ...
分类:
其他好文 时间:
2018-01-19 11:26:51
阅读次数:
152
JSX,即javscript XML,是js内定义的一套XML语法。目前是使用babel作为JSX的编译器。这也是在前几期中载入babel的原因。 Facebook引入JSX是为了解决前端代码工程复杂、维护困难等问题。JSX为我们提供了一种虚拟DOM的实现方式。 通过使用类XML语法的JSX,定义虚 ...
分类:
Web程序 时间:
2018-01-17 10:14:18
阅读次数:
149
参考:http://www.ruanyifeng.com/blog/2015/03/react.html 官方文档:https://reactjs.org/docs/introducing-jsx.html JSX 的基本语法规则 遇到HTML 标签(以 < 开头),就用 HTML 规则解析;遇到代 ...
分类:
其他好文 时间:
2018-01-16 18:02:22
阅读次数:
194
https://facebook.github.io/react-native/docs/using-a-listview.html react native类似于react,不过它使用的是原生组件,而不是web组件。也就是说不能div或span等。react native使用jsx、state、p ...
分类:
其他好文 时间:
2018-01-16 00:50:30
阅读次数:
117
Size Marks下载安装使用方法 一、下载安装 1、下载Size marks:链接: https://pan.baidu.com/s/1breyMf1 密码: fjsn 2、 复制 Size Marks.jsx 到Photoshop的脚本文件夹。 OS X: /Applications/[Pho ...
分类:
其他好文 时间:
2018-01-11 23:55:55
阅读次数:
233
什么是 webpack? webpack是近期最火的一款模块加载器兼打包工具,它能把各种资源,例如JS(含JSX)、coffee、样式(含less/sass)、图片等都作为模块来使用和处理。 我们可以直接使用 require(XXX) 的形式来引入各模块,即使它们可能需要经过编译(比如JSX和sas ...
分类:
Web程序 时间:
2018-01-10 20:25:53
阅读次数:
229