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