20200929赵鑫

学习总结

小程序

文件类型

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请求且公网地址

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

学习心得

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

标签

评论

© 2021 成都云创动力科技有限公司 蜀ICP备20006351号-1