什么是自动化的前端构建流？ 1. 自动补全css私有前缀，自动转化less\sass为css，自动转化es6\vue\jsx语法为js，自动打包小图片为base64以减少http请求，自动给js,css,甚至img加hash值，以避免浏览器缓存，自动合并压缩代码，自动刷新实时预览效果（甚至免刷新）， ...
分类：
Web程序 时间：
2017-07-10 13:15:24
阅读次数：
210
1、ReactDOM.render() React.render 是 React 的最基本方法，用于将模板转为 HTML 语言，并插入指定的 DOM 节点。 2、jsx语法 HTML 语言直接写在 JavaScript 语言之中，不加任何引号，这就是 JSX 的语法，它允许 HTML 与 JavaS ...
分类：
Web程序 时间：
2017-07-09 23:11:58
阅读次数：
296
1、webpack介绍: webpack是一个现代的JavaScript应用模块打包器（module bundler），它能把各种资源，例如JS（含JSX）、coffee、样式（less/sass）、图片等都作为模块来处理和使用。它有着难以置信的配置和神奇的效果，大大提高了我们程序员的工作效率。举个 ...
分类：
Web程序 时间：
2017-07-09 20:52:56
阅读次数：
184
继续前面一篇的话题,開始学习react,redux。 react： 1、概括来说。它就是将页面进行组件化，这样就能够对这些组件进行复用。(中文学习网址: http://reactjs.cn/react/docs/tutorial.html ） 2、JSX：在react中会出现以JSX结尾的文件。这样 ...
分类：
其他好文 时间：
2017-07-09 16:14:26
阅读次数：
222
https://segmentfault.com/q/1010000004958835 sublime3 emmet插件 jsx的html内容tab自动补全无效？ 1.http://ued.fanxing.com/emmet/终于解决了，PyV8必须要和Emmet同目录 2.Ctrl + E 可以补 ...
分类：
其他好文 时间：
2017-07-06 18:55:31
阅读次数：
189
看了N多博客，日志，一边迷茫一边摸索。本文记录流程。我怕自己忘了。。。并且修复了博客园首页推荐那个日志中遇到的bug 1、webstorm新建一个空白项目，比如webpack_demo 2、因为要用react和es6语法，调整webstorm-设置-语言-javascript-jsx，确定。这样文件 ...
分类：
Web程序 时间：
2017-07-06 16:54:55
阅读次数：
302
Babel Sublime3才有的插件，支持ES6、JSX语法高亮。 菜单->View->Syntax->Open all with current extension as...->Babel->JavaScript(Babel) 高亮了有木有。 Sublime3才有的插件，支持ES6、JSX语法 ...
分类：
其他好文 时间：
2017-07-04 23:18:23
阅读次数：
316
Babel是一个转换编译器，它能将ES6转换成可以在浏览器中运行的代码。Babel由来自澳大利亚的开发者Sebastian McKenzie创建。他的目标是使Babel可以处理ES6的所有新语法，并为它内置了React JSX扩展及Flow类型注解支持。据codemix创始人Charles Pick ...
分类：
编程语言 时间：
2017-07-02 13:42:31
阅读次数：
215
JSX和声明式的UI 使React能够吸引人的一个特性是它以声明式的UI和优雅的方式来进行代码操作。UI元素就像HTML标签一样通过组建来描述。例如：这个标签<Greeting name='Joe'/> 带了一个参数，它描述了向谁问候的这么一个组建。这些标签可以用JSX的语法的方式直接插入到Java ...
分类：
其他好文 时间：
2017-07-01 11:48:18
阅读次数：
354
最近一个同事很急没有做任何交接就请了陪产假，然后我来维护。说实在的我一开始是一脸懵逼的。因为MV*项目里用的最多的还是Vue；React听说也了解过，但毕竟不熟。。。 不过不管如何这也是工作；同事也恭喜同事当爸了，打心理为他感到高兴！ 代码down下来后开始查看的时候语法基本上使用的都是CMD，ES ...
分类：
Web程序 时间：
2017-06-27 01:04:05
阅读次数：
217
