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()