avalon框架,简单的MVVM

今天我又要挑战一次一个高大上的公司了

但是看着jd有点忧伤了要求如下

基本要求：
1、熟悉 HTML / CSS / JS 并有良好的代码风格；
2、理解 Web 标准，语义化，可以解决主流浏览器及不同版本的兼容性问题；
3、熟悉常见框架（如 Bootstrap，JQuery）和任意 MV* 框架，如 Angular.js；
4、熟悉移动端 Web 开发；

加分项：
1、有大型网站前端架构经验；
2、熟练使用各种前端开发工具（如 Sass/Less/Grunt/Bower/Chrome DevTools）；
3、熟悉任何一门后端语言经验（如 Node.js/Ruby/Python/Php等）；
4、了解前端模块化、工业化；
5、对前端层出不穷的技术保持敏感和学习兴趣；
6、熟练阅读英文文档；
7、对细节考究，追求美感；
8、团队协作沟通能力。

所以这次我为了这个mvvm框架已经受伤了，没办法厚着脸皮去高级群问了一下，然后终于找到个能让我过关的东西avalon，HOHO，这个框架早期我曾经研究过。。。可惜没深入，这次我又要深入了解他了。。。今天晚上我不睡觉了。。和他拼了！！！

OK。。。扯淡的话结束了！。。。晚上我会陆续更新我的学习心得。。。

avalon.js的兼容性是最好的，支持IE6及非常老的标准浏览器。这里的标准浏览器特指W3C阵营中的safari, opera, firefox, chrome。avalon.js在最近几个月的升级中，还对IE的VML，W3C方的SVG进行各种兼容处理。要知道，就是浏览器自身的API，也有各 种问题。从这个层面来看，avalon.js的兼容能力比jQuery强多了。并且它可以与jQuery和平共处，享用其强大的AJAX，动画， Deferred等功能。加之，avalon现在拥有全职的团队帮它打造UI库（OniUI），大家就不用自己去拼凑各种插件了。

avalon.modern.js

avalon.modern.js之前是叫做avalon.mobile.js，是打算用在移动端的，里面是用了许多高级API，因此性能比 avalon.js高许多。由于也不算兼容旧式IE（avalon.modern.js是支持IE10及以上的新浏览器），许多兼容逻辑也删掉了，因此体 积少了许多，大概少了1000行代码。

如果你想做移动端开发呢，这要用到触屏事件，avalon的仓库有一个mobile.js，你可以直接将它的源码 拷贝到avalon.modern.js里最后一个花括号的前面，或者这样引入：

<script src="avalon.modern.js"></script>
<script src="mobile.js"></script>

avalon.js本身是自带加载器，它是符合AMD规范，因此它可以用requirejs项目的rjs进行合并。如果大家不想用avalon.js的自带加载器，可以在紧接着的 script标签里将它禁用。

<script>
            avalon.config({
                loader: false
            })
</script>