我近期的前端学习重点-avalon/gulp/requirejs
作者:admin 日期:2015-12-14- 详细学习了avalon,兼顾读了下vue.js,此两类均为MVVM方式框架。目前avalon已经基本熟悉了双向绑定、路由体系。avalon跟jquery没有任何冲突,可以同时使用。
- 把css的display:flex布局方式熟练使用,以后此类多列布局,都不再使用旧方式。-----为了更好的兼容微信浏览器(X5内核),将Flexbox内容加进emmet,以方便自己快速使用,如下:
"df":"display: -webkit-flex;\ndisplay: -moz-flex;\ndisplay: -ms-flex; \ndisplay: -o-flex;\ndisplay: flex;\n\ndisplay: -webkit-box;\ndisplay: -moz-box;\ndisplay: -ms-box;\ndisplay: -o-bsox;\ndisplay: box; ",
"fbx":"-webkit-flex:1;\n-moz-flex:1;\n-ms-flex:1;\n-o-flex:1;\nflex:1; \n\n-webkit-box-flex:1;\n-moz-box-flex:1;\n-ms-box-flex:1;\n-o-box-flex:1;\nbox-flex:1;\n",
- 学习gulp------把实际工作中有用的gulp插件整理一下。说白了,gulp就是一个自动批处理工具,命令行模式。
- 熟练了使用cmd的命令行方式,这样可以方便使用node.js和gulp之类的工具。昨晚开始阅读node.js入门读物,争取以后可以把font-spider(字蛛)等必用的工具,加入到我的命令行中。
- 通过requirejs入门学习,理解了JS有条件的模块化概念,比如在有需要时,才引入某JS/JQ插件。写requirejs 范例,按需载入要用的库,如:
require(['tweenMax'], function(j,t) {$('h1').text("tween载入!");});
也可以只载入,不回调:require(['tweenMax']);
- requirejs还有文字图片插件
- requirejs调试过程中,外部载入的js,都能在chrome的Network中看到时间线
评论: 0 | 引用: 0 | 查看次数: 6450
发表评论