小邓博客,一位正在奋斗的PHP开发工程师的学习经历分享!为高效PHP开发而努力奋斗

Avalon入门到放弃

jquery dengwz7788 1040℃ 0评论

自从来一个这家公司之后,我感觉我PHP开发的“尊严”已经丢尽了。我已经沦落到一个靠写JS过日子的后台开发了。

工作除了写不完的活动页面,还有粘贴复制的JS代码,日子越来越枯燥了,生活也越来越无聊了,人生的悲观情绪悠然而生,有的观众朋友就会问:“那你为啥不换一个工作呢?”,“如果这种问题非要回答的话,我只能告诉你,因为没人要我呀!”

被逼无奈,只能委屈求全,忍辱负重开始学习新的JS框架,感觉之前的jquery框架太多单一,没法体现出我作为21世纪优秀大学生的优良品种。所以我花了一点时间去了解一下MVC的JS框架,和MVVM的JS框架,然后莫名其妙的学了一个requirJS,了解啥叫AMD模式。人生呀,就是这样,就以为你充满了未知,而更佳精彩(一言不合,我就炖鸡汤)。

言归正传,现在说AVALON这个MVVM框架。。快速入门  看,点这个avalon快速入门

我现在说我,对这个框架的理解

  1. 去DOM化编程,模版渲染。
  2. 支持IE6+

require(['jquery','NiuxGame'], function($) {
      gamelist = avalon.define({
      $id : "gamelist",
      data:[],
      reload:function(){
           var _this = this;
           _this.data = ALL_GAME_INFOS;
           $.each(ALL_GAME_INFOS,function(item, value){
                _this.data.push(item)
           });
       }
   });
   gamelist.reload();
   avalon.scan();
});

<div ms-controller="gamelist">

<dl ms-repeat-el="data">

<dt>{{el.gameNo}}</dt>

</dl>

</div>

上面的代码的目的是:通过动态加载数据,然后通过avalon模版引擎渲染模版avalon.scan()  注意这个东西

我的最终目标是,把大部分页面功能都封装成小的JS文件,然后再用require按需加载。这样活动页面前端开发速度有能有本质的提示。能把异步请求的功能完成,这样的话,后面的开发都会容易很多。

 

转载请注明:PHP研发工程师_小邓PHP博客 » Avalon入门到放弃

喜欢 (15)or分享 (0)
发表我的评论
取消评论

(Spamcheck Enabled)

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址