使用Taro开发小程序(入门篇)

作者: 张阳君 分类: 前端技术

最近带孩子,公司项目又紧,就没有时间去学习新的前端技术。昨天周末在家,中午把小朋友交给老婆之后,忙里偷闲,用京东出品的Taro框架写了一个小程序,在这里分享一下浅薄的开发经验。

初识Taro

大概三个月前,一个叫Taro(泰罗)的小程序框架横空出世。没错,Taro取名来自宇宙英雄—泰罗奥特曼。这套框架的目的就是能够统一移动端的开发,写一套代码,可以编译成h5、app、小程序运行。双十一前夕,凹凸实验室发布了Taro1.1版本,全面兼容百度小程序和支付宝小程序。

Taro的GitHub网址是:https://github.com/NervJS/taro

一些实践经验

因为才用了一天Taro,我也不好说什么最佳实践,只能把我开发中遇到的一些小问题分享出来。

首先,Taro的语法是基于React的,这就要求你一定要掌握Jsx语法。其次要树立的一个观念就是,Taro本身会封装小程序的原生方法,你完全可以忘记小程序原生的写法。

我遇到的第一个大坑是,在微信的开发模拟器中使用onClick方法会报错,起初以为是代码问题,找了半天原来是模拟器里面的调试版本过低导致的,请选择最新的调试版本来运行Taro

第二个问题是,小程序并不支持嵌套路由,Taro虽然基于React语法,但它是无法模拟嵌套路由特性的。所以,假设程序底部有个全局导航条来控制上方页面切换的话,得用到Jsx中的三元表达式来控制页面组件的隐藏显示。

第三个问题是,对于业务功能简单的小程序,不要随便使用Redux,我相信百分之九十的小程序不需要!

第四,Taro有个官方UI组件库,GitHub网址是https://github.com/NervJS/taro-ui,合理使用UI库可以大大提升开发效率。我就用了!

小结

Taro的发展来看,它已经比mpvue等框架快了一大步,至于后续表现如何,我们拭目以待。

(全文完)

0 条评论
回复
支持 Markdown 语法
暂无评论,来抢个沙发吧!