UNI-APP 总结

通过本学期学习uni-app课程我明白了uni-app是国人在vue的基础上的封装，封装的组件和微信小程序的几乎一模一样，它的官方文档也是相当完善。
安装很简单官网下载编辑器HBuilderX开发版，解压可用，创建项目选择uni-app，选择模板并预览一气呵成，模板基本就是一个完整的项目。

uni-app拥有丰富的插件市场，这里都是开发者贡献的插件，让开发更高效，不必重复造轮子，当然你也可以为开源贡献参与其中，详情见插件开发指南，同时兼容 NPM 包管理系统 uni-app完整支持 NPM ，活跃的社区氛围，有问题或者交流可以去社区发帖

优势

1. 目录结构清晰，页面文件由原来的wxml，wxss，json，js四个文件变成现在的一个vue文件

2. 支持scss和less写法，通过它的变量、继承、嵌套、运算等特性和函数增加css开发效率，减少代码量

3. 在uni-app中可以通过vuex插件来全局管理数据

目录结构
common 可以用来存放一些公共css及js文件
component 可以存放我们自己封装的一些组件
static 用来存放我们的静态文件比如图片，icon之类的
hybrid 可以存放我们写的本地html文件
platforms 存放各平台专用页面的目录
pages 存放我们写的项目页面
main.js 初始化入口文件，创建vue实例，app实例，引用vuex
App.vue 用来配置app的全局样式以及监听应用的生命周期
manifest.json 配置应用的名字，图标等各种信息
pages.json 配置页面的路由、底部导航、顶部标题按钮搜索框等页面类信息

生命周期
onReady：页面初次渲染完成时触发 ，然后触发vue 的 mounted
onLoad：页面加载时触发，可以用来在页面之间传参，具体的一些处理会在以后的文章详细介绍。
onShow：页面显示时触发，当应用启动或从后台进入前台时触发。感觉相当于vue的 created
onHide：页面隐藏时触发，当应用从前台进入后台时触发。
onUnload：页面卸载时触发
onBackPress：页面返回时触发
下面这两个比较厉害了，自带下拉刷新和上拉加载！！！
onPullDownRefresh：用户下拉时触发，在pages.json中的页面的style中添加enablePullDownRefresh，刷新完uni.stopPullDownRefresh停止
onReachBottom：页面上拉触底时触发

这些都是根据老师所教一步步学习到的一部分内容

之前听过一个大佬的一句话：如果我只能给其他程序员一个建议，那就是编写小的代码块，你要多写小方法、小功能、小程序。写完不断思考如何精简你的代码，如何完善你的逻辑，只有基本功扎实了，你才能在大的系统和程序里游刃有余。