【微信小程序】小程序开发思想之异步与渲染

笔者开发小程序已经有4年了,提炼出两个重要的小程序开发思想。

异步

第一是异步,这也是开发小程序等web应用与C语言等应用的不同之处,web应用中不容忽略的就是为了提升效率而实现的同步操作,比如两个函数,虽然在代码层面看是有先后顺序的,但在执行时可能是同时启动的,这也就会出现,后面的代码比前面的代码先执行完成。

因此,了解和使用异步的代码可以更好的调试和解决bug。

最初对异步的了解局限在success,fail,complete等函数,但是这些回调函数只适用于官方的函数,对于自己封装的函数无法使用上述函数,那么如何实现异步效果呢,其中之一就是使用回调函数callback作为参数。

渲染

第二就是渲染问题,常见于onReady等生命周期函数,此时如果数据和渲染还未完成时进行赋值,就可能出现渲染失败的效果,笔者最近遇到的一个例子就是使用masonry组件动态渲染瀑布流时,发现如果渲染函数的执行发生在setData操作之前,就会出现渲染函数的执行效果失败的情况,笔者在测试后发现这个问题,因此了解渲染逻辑对编写和调试代码是有作用的。

相关推荐
小时前端3 小时前
微信小程序选不了本地文件?用 web-view + H5 一招搞定
前端·微信小程序·uni-app
icebreaker1 天前
Weapp-vite:原生模式之外,多一种 Vue SFC 选择
前端·vue.js·微信小程序
icebreaker1 天前
重走 Vue 长征路 Weapp-vite:编译链路与 Wevu 运行时原理拆解
前端·vue.js·微信小程序
大米饭消灭者4 天前
Taro是怎么实现一码多端的【底层原理】
微信小程序·taro
FliPPeDround5 天前
Vitest Environment UniApp:让 uni-app E2E 测试变得前所未有的简单
微信小程序·e2e·前端工程化
FliPPeDround5 天前
微信小程序自动化的 AI 新时代:wechat-devtools-mcp 智能方案
微信小程序·ai编程·mcp
吴声子夜歌5 天前
小程序——布局示例
小程序
码云数智-大飞5 天前
如何创建自己的小程序,码云数智与有赞平台对比
微信小程序
luffy54595 天前
微信小程序页面使用类似filter函数的wxs语法
微信小程序·小程序
Slow菜鸟5 天前
微信小程序开发(二)目录结构完全指南
微信小程序·小程序