avalon框架,簡單的MVVM

weixin_30788239發表於2020-04-05
框架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>

 

 

轉載於:https://www.cnblogs.com/LoveOrHate/p/4476823.html

相關文章