Android老菜鳥學習前端日記(一) mui與vue

基礎

之前某段看過jquery,寫過個頁面 陸陸續續學了css,html,能寫簡單的能看懂的水平. js能看懂能寫,但不快. mvc mvp mvvm,組件化,設計模式由於都是通用的,理解起來應該快.

MUI

很方便,基本看着文檔,就能寫個能看的頁面出來,不過也只有模版

若是要自定義,改起來就須要水平了=-=.

爲何直接使用這個..

而不是去看js的書,看jquery,看w3c.

我的以爲從頭看從頭學很費時間.並且容易失去興趣.難出效果,容易受打擊.

我如今的學習方式是,用mui模版先寫出效果,而後打開chrome,調式看css屬性,以及html,js怎麼寫的.而後改效果,改功能.熟練用法

Vue

這個mvvm框架.一開始也不知道是啥,是看mui的例子看懂的. 雙向綁定,這個好理解,和安卓的databinding一個意思.數據改變,view變化

var news = new Vue({
	el:'#news',//這個的意思是這個對象的做用域吧.
    data:{//data至關於內容,裏面放各類成員變量吧.
	      items: []
       }
	});
複製代碼

目前知道的:

v-for屬性:

用在ul下的li上,我的的理解是,將li當作item,items是data數組(adapter中的數據源),這樣的話,請求數據後,Vue中的items內容變化(notifychangeData),列表就刷新了.真的方便

v-if

應該是取boolean值,能夠當adpate中的getitemtype()用.用來判斷顯示什麼樣的item 需配合v-for使用,不然會提示找不到item

v-else-if

同v-if一塊兒使用.相鄰的兩個元素,能夠這樣使用,比如寫 if()後面不必定要{}同樣.

取值

{{item.字段名}} 能夠這樣來取值,賦值給元素.這樣的只要vue的items一刷新,全部view都會變化,.

來張效果圖:

學習了一天,理解了些知識,可是消化不夠,感悟就是少看多作.實踐出真理. 仍是看着demo源碼學比較爽.光看api,太蛋疼了.