我近期的前端学习重点-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:
    相关Beplay:
    评论: 0 | 引用: 0 | 查看次数: 3955
    发表评论
    昵 称:
    密 码:
    游客发言不需要密码.
    邮 箱:
    支持Gravatar头像.
    网 址:
    输入网址便于回访.
    内 容:
    验证码:
    选 项:

    虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.
    字数限制 300 字 | UBB代码 关闭 | [img]标签 关闭