学习总结

小程序

文件类型

WXML——模板文件，类似于HTML或XML

JSON——配置/设置文件，如标题，tabbar，页面注册

WXSS——样式文件，相当于CSS、也可以直接用@import导入

JS——脚本逻辑文件

app.js——全局文件

app.json——全局配置文件

app.wxss——全局样式文件

微信小程序的双向绑定和VUE双向绑定的异同

大体相同，但是微信小程序不能直接用this.data将数据同步到视图，必须调用this.setData()方法

bindtap 和 catchtap 的区别

bind事件绑定不会阻止事件冒泡

catch事件绑定可以阻止事件冒泡

小程序的生命周期函数

1.onLoad()页面加载时触发，只会调用一次，可获取当前页面路径中的参数

2.onShow()页面显示/切换前台时触发，一般用来发送数据请求

3.onReady()页面初次渲染完成时触发，只会调用一次，代表页面已可和视图层进行交互

4.onHide()页面隐藏/切入后台时触发，如底部tab切换到其他页面或小程序切入后台等

5.onUnload()页面卸载时触发，如redirectTo或nacigateBack等

微信小程序与H5的区别？

①运行环境不同（小程序在微信运行，h5在浏览器运行）；

②开发成本不同（h5需要兼容不同的浏览器）；

③获取系统权限不同（系统级权限可以和小程序无缝衔接）；

④应用在生产环境的运行流畅度（h5需不断对项目优化来提高用户体验）；

分析微信小程序的优劣势

优势：

①容易上手，基础组件库比较全，基本上不需要考虑兼容问题；

②开发文档比较完善，开发社区比较活跃，支持插件式开发；

③良好的用户体验：无需下载，通过搜索和扫一扫就可以打开，打开速度快，安卓上可以添加到桌面，与原生APP差不多；

④开发成本比APP要低；

⑤为用户提供良好的安全保障（小程序发布 严格的审查流程）

劣势：

①限制较多，页面大小不能超过1M，不能打开超过5个层级的页面；

②样式单一，部分组件已经是成型了的，样式不可修改，例如：幻灯片、导航

③推广面窄，不能分享朋友圈，只能通过分享给朋友，附近小程序推广

④依托于微信，无法开发后台管理功能

⑤后台调试麻烦，因为api接口必须https请求且公网地址

⑥真机测试，个别功能安卓和苹果表现迥异，例如安卓的定位功能加载很慢

学习心得

小程序就是类似于一个框架，东西多，但是难度并不大，需要去知晓原理与方法，做写一写使得开发更加熟练。