1.uni-app入门与实战的笔记。

一.一套代码发布与各个平台（微信小程,QQ小程序,百度小程序,字节迪跳动的小程序，支付宝小程序，android端,IOS端,H5版）

二.跨端框架。是未来的技术发展趋势方向。 推送 统计 广告 深受企业和开发者青睐。

三：uni-app 6大优点：

1.跨端完善度更高,真正落地提高生产力。 

2.在跨端的同时 通过条件编译+平台特有的API调用。可以优雅为某平台写个性的代码。

调用专有能力，而不影响其他的平台。支持原生代码的混写和原生sdk编写。

3.性能体验更加优秀：

更好的Hybrid框架，加载页面速度更快，APP端支持weex的原生框架渲染，可支持用户的更流畅的用户体验。

小程序端的性能由于其他市场上的框架

4.插件丰富，支持npm,支持小程序的组件和sdk,兼容mpvue组件 和项目兼容weex组件。微信生态的各种sdk可直接

用于跨平台的app。

5.基于前端的技术栈 ,使用的是vue语法和微信小程序api

6.HBuildX编辑器是高效的开发工具。熟悉掌握后，至少开发效率提高一倍。

四：uni-app与vue之间的关系：

1.uni-app使用的是vue.js 开发的 对vue 进行了二次开发封装,所以使用参考文档来使用。避免错误。

2.发布H5时,支持所有的vue语法。

3.发布到app 和小程序（不支持DOM操作的）时，支持部分的vue语法

五：uni-app与小程序之间的关系：

1.组件标签靠近小程序的规范

2.uni-app JS API 靠近微信小程序的JS API  eg: 唤醒 打电话 地理位置等。

3.具备完成的小程序生命周期。

六：本课程将会掌握全端开发 uni-app +uni-cloud 来开发的。（掌握敏捷开发的技巧和组件化开发的思想。）

七：使用的工具是：HBuildX + uni-app + uni-Cloud

八：自定义导航栏，滚动的选项卡。左右切换的内容，选项卡就会对应的切换到指定的颜色。点击对应的选项卡，文章内容也会对应的切换。搜索框的实现。设置可以编辑标签。还会放到标签推荐中的。 标签决定我们的卡片展示条。还可以发布评论。

评论回复的双向。

第二章：微信小程序：

app.js 入口文件。

 wxml  结构

 wxss 样式

onLaunch:function(){

//小程序初始化时，会触发onLaunch(全局只触发一次。)

} 

微信小程序 app.js中的生命周期函数：

onShow:function(){

//当小程序启动,或从后台进入前台显示,会触发onShow

}

onHide:funciton(){

//当小程序从前台到后台的时候,会触发onHide

}

onError:function(msg){

//当小程序发生脚本错误的时候,或者api调用失败时，会触发onError并带上错误信息

}