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>