wechat小程序開(kāi)發(fā)
看到一個(gè)微信小程序cli https://github.com/MeCKodo/wxapp-cli
1.樣式方面:模仿boostrap
.col{
width:100%;
display: flex;
padding:2% 2% 2% 5%;
}
主要是用flex布局來(lái)實(shí)現(xiàn),小程序喜歡用rpx為單位,我習(xí)慣叫作relative pixel. 不過(guò)我更喜歡用百分比來(lái)實(shí)現(xiàn)
2.環(huán)境搭建:node
開(kāi)發(fā)中往往我們需要有dev和pro環(huán)境，根據(jù)不同環(huán)境下做一些事情，比如HTTP的請(qǐng)求鏈接 等可以根據(jù)node_env來(lái)改變對(duì)應(yīng)的服務(wù)器api npm run dev
3. 源碼解析
https://www.npmjs.com/package/wxapp
有空補(bǔ)上:主要實(shí)現(xiàn)根據(jù)gulp 將html,js 轉(zhuǎn)換為 wxml,wxss
4 小程序的基礎(chǔ)
組件篇:
視圖容器
view 簡(jiǎn)單來(lái)說(shuō)就flex布局 direction:row[行] column[列]
scroll-view 滾動(dòng)視圖
bindscrolltoupper:滾動(dòng)到頂部/左邊，會(huì)觸發(fā) scrolltoupper 事件
bindscrolltolower:滾動(dòng)到右邊 觸發(fā)scrolltolower事件
scroll-into-view 值應(yīng)為某子元素id（id不能以數(shù)字開(kāi)頭）。設(shè)置哪個(gè)方向可滾動(dòng)，則在哪個(gè)方向滾動(dòng)到該元素swiper
- movable-view
5 uml也更新一波 刷完題目睡覺(jué)覺(jué)
目標(biāo):https://wenku.baidu.com/view/39869c31f111f18583d05a40.html 刷懂
用例:https://wenku.baidu.com/view/8d27c28483d049649b665832.html?re=view
UML的全稱(chēng)
統(tǒng)一建模語(yǔ)言（UML是 Unified Modeling Language的縮寫(xiě) 統(tǒng)一建模..-
執(zhí)行者（Actor）與用例之間的關(guān)系
關(guān)聯(lián)關(guān)系用例:描述“用戶、需求、系統(tǒng)功能單元”之間的關(guān)系
actor(參與者):表示與您的應(yīng)用程序或系統(tǒng)進(jìn)行交互的用戶、組織或外部系統(tǒng)。用一個(gè)小人表示。
關(guān)系
1.關(guān)聯(lián):參與者和各個(gè)用例之間的關(guān)系:表示參與者與用例之間的通信，任何一方都可發(fā)送或接受消息。 用戶 -> 存款
2.泛化:參與者之間或者用例之間的關(guān)系:繼承關(guān)系 訂票(電話訂票,網(wǎng)上訂票) 用戶(游客,vip)
3.包含:用例之間的關(guān)系:把一個(gè)較復(fù)雜用例所表示的功能分解成較小的步驟。維護(hù)數(shù)據(jù)庫(kù)(修改數(shù)據(jù),增加數(shù)據(jù),刪除數(shù)據(jù))
4.擴(kuò)展:用例之間的關(guān)系:用例功能的延伸，相當(dāng)于為基礎(chǔ)用例提供一個(gè)附加功能。買(mǎi)電器(買(mǎi)一送一) uml的交互圖
1.順序圖:強(qiáng)調(diào)消息時(shí)間順序的交互圖，為讀者提供了控制流隨著時(shí)間推移的清晰的可視化軌跡
2. 通信圖：UML 2.0中的通信圖實(shí)際上就是UML 1中的協(xié)作圖，它強(qiáng)調(diào)的是參加交互的對(duì)象的組織，為讀者提供了在協(xié)作對(duì)象結(jié)構(gòu)組織的語(yǔ)境中觀察控制流的一個(gè)清晰的可視化軌跡
3. 定時(shí)圖：采用了一種帶數(shù)字刻度的時(shí)間軸來(lái)精確地描述消息的順序
4. 交互概述圖：是交互圖和活動(dòng)圖的混合物
http://www.uml.org.cn/oobject/201012235.asp 丟你...好麻煩
