wechat小程序开发
看到一个微信小程序cli https://github.com/MeCKodo/wxapp-cli
1.样式方面:模仿boostrap
.col{
width:100%;
display: flex;
padding:2% 2% 2% 5%;
}
主要是用flex布局来实现,小程序喜欢用rpx为单位,我习惯叫作relative pixel. 不过我更喜欢用百分比来实现
2.环境搭建:node
开发中往往我们需要有dev和pro环境，根据不同环境下做一些事情，比如HTTP的请求链接 等可以根据node_env来改变对应的服务器api npm run dev
3. 源码解析
https://www.npmjs.com/package/wxapp
有空补上:主要实现根据gulp 将html,js 转换为 wxml,wxss
4 小程序的基础
组件篇:
视图容器
view 简单来说就flex布局 direction:row[行] column[列]
scroll-view 滚动视图
bindscrolltoupper:滚动到顶部/左边，会触发 scrolltoupper 事件
bindscrolltolower:滚动到右边 触发scrolltolower事件
scroll-into-view 值应为某子元素id（id不能以数字开头）。设置哪个方向可滚动，则在哪个方向滚动到该元素swiper
- movable-view
5 uml也更新一波 刷完题目睡觉觉
目标:https://wenku.baidu.com/view/39869c31f111f18583d05a40.html 刷懂
用例:https://wenku.baidu.com/view/8d27c28483d049649b665832.html?re=view
UML的全称
统一建模语言（UML是 Unified Modeling Language的缩写 统一建模..-
执行者（Actor）与用例之间的关系
关联关系用例:描述“用户、需求、系统功能单元”之间的关系
actor(参与者):表示与您的应用程序或系统进行交互的用户、组织或外部系统。用一个小人表示。
关系
1.关联:参与者和各个用例之间的关系:表示参与者与用例之间的通信，任何一方都可发送或接受消息。 用户 -> 存款
2.泛化:参与者之间或者用例之间的关系:继承关系 订票(电话订票,网上订票) 用户(游客,vip)
3.包含:用例之间的关系:把一个较复杂用例所表示的功能分解成较小的步骤。维护数据库(修改数据,增加数据,删除数据)
4.扩展:用例之间的关系:用例功能的延伸，相当于为基础用例提供一个附加功能。买电器(买一送一) uml的交互图
1.顺序图:强调消息时间顺序的交互图，为读者提供了控制流随着时间推移的清晰的可视化轨迹
2. 通信图：UML 2.0中的通信图实际上就是UML 1中的协作图，它强调的是参加交互的对象的组织，为读者提供了在协作对象结构组织的语境中观察控制流的一个清晰的可视化轨迹
3. 定时图：采用了一种带数字刻度的时间轴来精确地描述消息的顺序
4. 交互概述图：是交互图和活动图的混合物
http://www.uml.org.cn/oobject/201012235.asp 丢你...好麻烦
