我近期的前端学习重点-avalon/gulp/requirejs

  • 详细学习了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中看到时间线


文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags:
相关日志:
评论: 0 | 引用: 0 | 查看次数: 6404
发表评论
昵 称:
密 码: 游客发言不需要密码.
邮 箱: 支持Gravatar头像.
网 址: 输入网址便于回访.
内 容:
验证码:
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.
字数限制 300 字 | UBB代码 关闭 | [img]标签 关闭