前面小橙序之家(微信号xcxzjia)讲到微信小程序开发必备的技能清单,点击这里可回看今天,我们来讲一讲作为前端开发人员,在开发小程序的时候应该注意哪些问题?

如果你是一名前端开发人员,那就恭喜你了,你肯定已经能熟练使用HTML、CSS、JavaScript语言了。

那接下来的事情就容易多了,只要你有需要,随时可以转行,而且在可预见的未来,随着企业开发小程序的需求渐增,前端开发者的人才需求也将持续增长。

因为从前端转小程序开发的成本几乎可以忽略不计,上手前只需要注意一些地方即可。

小程序的界面是一个「应用界面」,而非「网页」,需适应WXML的逻辑和写法。

  • WXML没有HTML的宽容度那么高,单标签必需是 /> 结尾的,不然会报错。
  • WXSS 和 CSS很像,基本上所有的CSS都支持,小程序还提供了rpx (responsive pixel)作为尺寸单位(保证不同分辨率设备的元素正常显示),开发者需知道rpx与其他单位的换算。
  • WXSS不支持大括号嵌套({{}}),所以key-frames,CSS animation 不能用,但transition 可用的。

当然,这种限制也会催生一种东西:专用于微信小程序的开发框架。

如果你(前端开发者)想往微信小程序方向发展的话,除了了解HTML和WXML、CSS和WXSS之间的异同外,还需熟悉微信自家的脚本语言WXS(WeiXin Script,一套能在page-frame里运行的JavaScript)。

小橙序之家(微信号 xcxzjia)提示:

小程序里所有的JavaScript都运行在app-service 线程里,而微信自家的WXML/WXSS 则运行在 page-frame 中。app-service 与 page-frame通过桥协议(包括 setData 调用、canvas指令和各种DOM事件)通信,涉及消息序列化、跨线程通信与evaluateJavascript()。这样做的好处是:分开业务主线程和显示界面,即便是业务主线程很繁忙,也不会阻塞用户在 page-frame 上的交互。