avalon框架,簡單的MVVM

weixin_30788239發表於2020-04-05

今天我又要挑戰一次一個高大上的公司了

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

相關文章