uniapp开发-公众号h5、小程序、移动app

uniapp

官网

官网：https://uniapp.dcloud.io/

uniapp页面

页面布局：flex
	display、flex-direcoration、align-center、justify-content、align-item

字体图标：阿里图标库
	App.vue 全局引入
	网站：https://www.iconfont.cn/
开发标签：
	view image text button
标签属性：
	line-gradient word-wrap
	
模块组件：（https://uniapp.dcloud.io/component/uniui/uni-ui.html）
	uni-forms、uni-icons、upload-group、uni-file-picker、uni-easyinput
	jq validate 表单验证
	
配置：tabbar
	pages.json > pages 

全局周期：
	onLaunch、onShow、onHide
	
页面周期：
	onLoad、onShow、onHide、
	onPullDownRefresh、onReachBottom
	
属性（全局 | 局部）：
	data、methods、filter
	watch、computed

uniapp扩展

store 存储
	state | matations（commit 同步） | actions(dispatch 异步)
	执行过程 dispatch -> commit -> state

http 网络封装
	uni.request (new Permise(resolve,reject) | url,data,header,method)
	
router 路由全局守卫
	网站：https://hhyang.cn/v2/start/quickstart.html
	to、from、next
	router.push | replace | replaceAll | pushTab | back

全局挂载（混合载入）绑定 main.js
	Vue.protype
	Vue.filter
	Vue.use
	Vue.mixin
	import xxx from xxx
	export default xxxx

npm 初始化

初始化：
	npm init
安装：
	npm install （npm install --save-dev @babel/plugin-syntax-dynamic-import）
	-g 全局安装
	--save-dev 当前目录（开发环境）
	--save 当前目录（开发&生产环境）
回退：指定版本
	npm update 依赖@版本（package.json）
卸载：
	npm uninstall (npm install --save-dev @babel/plugin-syntax-dynamic-import)

http请求封装

	common http.js
	导入 export export
	导出 import name from xxx name不能使用 '引号'

es6语法

class类 constructor extends super
常量 const 块域 {} 字符串模板 `${变量名}`  参数默认值 || 
结构拆包[]|{} =  不定参数(...args) 
for...of(不支持对象) symbol 箭头函数()=>{}

js

foreach(item,key,arr) 无返回值
map(item,key) 有返回值
Object.keys() 对象：属性 字符串：索引 数组：索引
Object.values()
Object.entries()