avalon框架,简单的MVVM

时间:2024-08-21 18:07:44

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

但是看着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>

avalon框架,简单的MVVM