小程序学习日记1

1.微信小程序组件
解析：
[1]视图容器
movable-view，cover-image，cover-view，movable-area，scroll-view，swiper，swiper-item，view
[2]基础内容
icon，progress，rich-text，text
[3]表单组件
button，checkbox，checkbox-group，editor，form，input，label，picker，picker-view，picker-view-column，radio，radio-group，slider，switch，textarea
[4]导航
functional-page-navigator，navigator
[5]媒体组件
audio，camera，image，live-player，live-pusher，video
[6]地图
map
[7]画布
canvas
[8]开放能力
ad，official-account，open-data，web-view
[9]原生组件说明
native-component
[10]无障碍访问
aria-component

2.微信小程序API
解析：
[1]基础
[2]路由
[3]界面
[4]网络
[5]数据缓存
[6]媒体
[7]位置
[8]转发
[9]画布
[10]文件
[11]开放接口
[12]设备
[13]Worker
[14]第三方平台
[15]WXML
[16]广告

3.微信小程序服务端
解析：
[1]登录
[2]用户信息
[3]接口调用凭证
[4]数据分析
[5]客服消息
[6]模板消息
[7]统一服务消息
[8]动态消息
[9]插件管理
[10]附近的小程序
[11]小程序码
[12]内容安全
[13]即时配送
[14]图像处理
[15]物流助手
[16]OCR
[17]生物认证

4.微信小程序零售
解析：微信开放平台超市行业解决方案，是通过整合微信公众号+小程序等产品优势，为超市行业提供到店前聚焦获客、逛店中强引导转化及提升客单价、离店后会员运营提升复购的一体化解决方案。

5.微信小程序交通
解析：小程序为交通出行行业的旅客出行场景（铁路、航空、客运、公交、地铁）和车辆出行场景（停车、加油、高速、充电、车后服务）提供整体数字化解决方案，助力交通出行行业提升经营效率和创新经营模式，并将不断丰富。

6.微信小程序医疗
解析：小程序医疗行业解决方案通过小程序特有能力，将线上线下相结合，优化现有医疗资源配置，提升医院内部管理效率，做到医疗对患者、对医院管理的智慧化升级。

7.微信小程序品牌
解析：小程序助力品牌零售，助力会员连接与品牌服务。与服饰、鞋靴、运动、箱包、美妆、奢侈、家居等行业合作伙伴，共同打造线上线下一体化、数字化、智能化的生意和用户体验升级方案。

8.微信小程序行业分类
解析：快递业与邮政，教育，医疗，政务民生，金融业，出行与交通，房地产，IT科技，餐饮，旅游，时政信息，文娱，工具，电商平台，商家自营，商业服务，公益，社交，社交红包，体育，汽车。

9.v-model指令
解析：vue提供的v-model指令用于在表单类元素上双向绑定数据。

10.mpvue小程序框架
解析：基于Vue.js的小程序开发框架，从底层支持Vue.js语法和构建工具体系。

11.基于PyCharm和mpvue开发小程序环境配置
解析：
[1]File -> Settings -> Editor -> File Types：*.wxss[CSS]、*.wxml[HTML]、*.wxs[JavaScript]。
[2]安装nodejs
[3]npm set registry https://registry.npm.taobao.org/
[4]npm install -g @vue/cli-init
[5]vue init mpvue/mpvue-quickstart my-project

12.mpvue主要特性
解析：
[1]彻底的组件化开发能力：提高代码复用性
[2]完整的Vue.js开发体验
[3]方便的Vuex数据管理方案：方便构建复杂应用
[4]快捷的webpack构建机制：自定义构建策略、开发阶段hotReload
[5]支持使用npm外部依赖
[6]使用Vue.js命令行工具vue-cli快速初始化项目
[7]H5代码转换编译成小程序目标代码的能力

13.mpvue配套设施
解析：
[1]mpvue-loader：提供webpack版本的加载器
[2]mpvue-webpack-targetwebpack：构建目标
[3]postcss-mpvue-wxss：样式代码转换预处理工具
[4]px2rpx-loader：样式转化插件
[5]mpvue-quickstart：mpvue-quickstart
[6]mpvue-simple：辅助mpvue快速开发Page/Component级小程序页面的工具

14.npm使用淘宝镜像
解析：npm install -g cnpm --registry=https://registry.npm.taobao.org

15.uni-app
解析：uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序[微信/支付宝/百度/头条/QQ/钉钉]等多个平台。

16.wap2app
解析：将M站快速转换成App的开发框架。

17.MUI
解析：最接近原生App体验的前端框架。

18.5+Runtime
解析：增强版的手机浏览器引擎，让HTML5达到原生水平。

19.wap网站
解析：wap网站即WAP[Wireless Application Protocol是无线应用协议的缩写，一种实现移动电话与互联网结合的应用协议标准。

20.mpvue-template-compiler
解析：提供了将vue的模板语法转换到小程序的wxml语法的能力。

21.app部分
解析：
[1]onLaunch：初始化
[2]onShow：当小程序启动，或从后台进入前台显示
[3]onHide：当小程序从前台进入后台

22.page部分
解析：
[1]onLoad：监听页面加载
[2]onShow：监听页面显示
[3]onReady：监听页面初次渲染完成
[4]onHide：监听页面隐藏
[5]onUnload：监听页面卸载
[6]onPullDownRefresh：监听用户下拉动作
[7]onReachBottom：页面上拉触底事件的处理函数
[8]onShareAppMessage：用户点击右上角分享
[9]onPageScroll：页面滚动
[10]onTabItemTap,：当前是tab页时，点击tab时触发[mpvue0.0.16支持]

23.如何获取小程序在pageon Load时候传递的options
解析：在所有页面的组件内可以通过this.$root.$mp.query进行获取。

24.如何获取小程序在app onLaunch/onShow时候传递的options
解析：在所有的组件内可以通过this.$root.$mp.appOptions进行获取。

25.BOM
解析：BOM = Browser Object Model = 浏览器对象模型。

参考文献：
[1]微信官方文档：https://developers.weixin.qq.com/miniprogram/dev/framework/
[2]mpvue官方文档：http://mpvue.com/
[3]Meituan-Dianping/mpvue：https://github.com/Meituan-Dianping/mpvue
[4]Mint UI快速上手：https://mint-ui.github.io/docs/#/zh-cn2/quickstart
[5]Mint UI教程汇总：https://www.jianshu.com/p/874e5152b3c5
[6]DCloud问答：https://ask.dcloud.net.cn/explore/
[7]DCloud文档：https://ask.dcloud.net.cn/docs/#//ask.dcloud.net.cn/article/93
[8]vuejs：https://github.com/vuejs
[9]DCloud官网：https://www.dcloud.io/
[10]HTML5中国产业联盟：https://www.html5plus.org/