1.前言:
uni-app 是继 mui 框架之后的一个跨多端的开发框架，目前支持 iOS Android 和 wx(微信小程序), 也就是说开发一套代码可以实现相应端的开发，是基于Vue的一个很不错的开发框架，对于熟悉Vue 和微信小程序的开发小伙伴来说学习成本几乎为零。
2.官网地址：
2.1 目录及文件一个uni-app工程，默认包含如下目录及文件：
2.2 应用生命周期
2.3 页面生命周期
3. 知识点: 简单罗列出项目中使用到的组件和相关技术，详细信息查询官方手册即可。
pages.json：用来对 uni-app 进行全局配置，决定页面文件的路径、窗口表现、设置多 tab 等。项目中包括修改标题文本、启动页修改透明标题栏、开发环境启动指定页面，设置底部tab选项卡和图标文字等，都是通过修改这个文件实现的。
vuex：专为 Vue.js 应用程序开发的状态管理模式。因为项目模拟了用户登录的过程，所以采用vuex管理用户登录状态，并将用户信息，包括头像、昵称、账号等信息存储起来。
使用 Chrome 调试：最新版本的HbuliderX已经可以开发H5程序了。并且可以在Chrome中调试程序，感觉比在微信开发者工具中调试更舒服。 onPullDownRefresh：监听页面用户下拉刷新事件。因为我没有想明白该怎样实现微信聊天功能的，消息实时同步的过程，所以暂时让用户手动刷新获取最新消息。体验并不好~ :-( index-list：在hello uniapp中，有这个例子，参考使用即可做出类似微信通讯录的页面。 qrcode二维码：参考这个页面内容，可以生成二维码。 scan扫描二维码：参考这个例子可以实现扫描二维码。 知识点大概就这么多，剩下的都是具体的细节，看代码或者官方手册即可。
网友评论