Babel的作用 把不是ES5的代码转换成ES5的代码,是一个JavaScript编译器。 代码在浏览器中运行之后会生成一个js对象,含有两个属性: 和`children type`属性值,通过DOM操作添加元素。 这个js对象就是传说中的 。 为什么要引入React 因为babel将JSX代码转换 ...
分类:
Web程序 时间:
2018-07-09 20:57:17
阅读次数:
190
1.Virtual DOM 2.jsx语法 ...
分类:
编程语言 时间:
2018-07-06 14:21:31
阅读次数:
183
痛点: React库最近的增长趋势很明显, 很多朋友都在选择学习, 很多公司也在选择使用React栈. 但在使用React库写代码的时候, 有一个很让人苦恼的问题, 就是标签在jsx语法中不能自动补全(vscode) 那我们经常会想到下载对应的插件来解决这个问题, 可以我们尝试了多个插件之后, 还是 ...
分类:
Web程序 时间:
2018-07-04 11:41:52
阅读次数:
3370
react中设置css样式 方法一: 行内样式:使用{{ }},与正常jsx中插入js代码不一样,这里需要两个括号。 样式比较多的话不建议使用该方法。 可以使用方法二 方法二: 在jsx文件中定义样式变量, 方法三: 正常写css文件,然后引入, ...
分类:
Web程序 时间:
2018-06-27 14:13:19
阅读次数:
508
1.Simditor组件的github地址: https://github.com/mycolorway/simditor 网址:http://simditor.tower.im/ 2.在util里边新建rich-editor文件夹,里边新建index.jsx import React from '... ...
分类:
其他好文 时间:
2018-06-26 20:49:58
阅读次数:
221
1.React文件上传组件github地址: https://github.com/SoAanyip/React-FileUpload 2.Util里边新建file-uploader文件夹,里边新建index.jsx import React from 'react'; import FileUpl ...
分类:
其他好文 时间:
2018-06-26 20:45:37
阅读次数:
617
1.新建文件夹 util , 在util里边新建 mm.jsx文件 2.使用jquery里边的ajax发送请求,回调用promise,返回一个promise对象 request(param){ return new Promise((resolve, reject) => { $.ajax({ ty... ...
分类:
Web程序 时间:
2018-06-26 16:04:57
阅读次数:
627
组件化 组件的封装 视图 数据 视图和数据之间的变化逻辑 组件的复用(通过props传递) JSX jsx语法(语法糖)需要转成js 经过编译:转化成React.createElement ...
分类:
其他好文 时间:
2018-06-25 21:45:33
阅读次数:
166
React完全支持构建可访问的网站,通常使用标准的HTML技术。 1、可访问小部件 ARIA文档包含用于构建完全可访问的JavaScript小部件的技术。 JSX完全支持所有aria- * HTML属性。尽管React中的大多数DOM属性和属性都是camelCased的,但这些属性应该是小写的: 2 ...
分类:
其他好文 时间:
2018-06-17 22:29:52
阅读次数:
228
为了统一团队的代码规范,除了一纸规范说明之外,还需要引入工具进行限制。虽说工具并不能完全实现规范中的规则,但至少能够在一定程度上缓解代码不统一的局面。 相对于后端,前端代码规范的质量检查涉及到HTML, CSS,Javascript ,如今还涉及到SCSS,ES5,JSX, React,Vue,An ...
分类:
其他好文 时间:
2018-06-16 01:03:44
阅读次数:
323