avalon框架,简单的MVVM

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

可是看着jd有点忧伤了要求以下

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

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

 

因此此次我为了这个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>