前端開發者開發小程式該注意哪些？？

前面小橙序之家（微訊號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 上的互動。