正在開發(fā)字節(jié)版本小程序，基礎是已經(jīng)開發(fā)完成的微信版。

字節(jié)跳動開發(fā)工具的一鍵搬家功能還是很好用的，大部分微信小程序原生功能都能直接遷移到字節(jié)版。

微信版小程序開發(fā)的過程中使用了第三方組件Lin UI，遷移以后，發(fā)現(xiàn)有部分組件功能無法使用，“Lin UI 是基于 微信小程序原生語法 實現(xiàn)的組件庫”，Lin UI的文檔是這么介紹的。那么為什么一部分功能無法實行？

看了3天代碼后，調整了大部分問題，現(xiàn)將字節(jié)小程序與微信小程序差異整理做個筆記。

寫了一周字節(jié)小程序發(fā)現(xiàn)大部分功能接口和微信小程序是一樣的，可能是因為字節(jié)小程序按照微信小程序來設計開發(fā)的，所以有很多微信小程序的新功能并未實行，之后一段時間，有可能會逐步完善實現(xiàn)這些差異功能，所以我將整理這個筆記的時間點記錄下來。主要還是組件的一些新功能和特性。

以下是2020年9月存在差異的地方：

1、字節(jié)版組件沒有 pageLifetimes字段 “組件所在頁面的生命周期”，微信版2.2.3以后添加。使用當前的生命周期函數(shù)“ready”等，可以替代部分功能。

2、字節(jié)版組件沒有 observers字段，“數(shù)據(jù)監(jiān)聽器”功能，微信版2.6.1添加。字節(jié)版可以通過properties對外屬性中，某一屬性的“observer”來監(jiān)聽傳入組件數(shù)據(jù)的變化。

3、字節(jié)版組件沒有 generic，組件的抽象節(jié)點功能，微信版1.9.6后支持。組件使用并不固定節(jié)點的功能，這種用法無法在字節(jié)版使用。

4、SelectorQuery NodesRef.fields(Object fields, function callback)獲取節(jié)點的相關信息。需要獲取的字段在fields中指定。

微信2.1.0的fields增加“computedStyle”屬性，可以獲得節(jié)點的樣式內容。

字節(jié)版有該方法，但是沒有“computedStyle”屬性，樣式固定的話只能直接使用樣式值了。

5、字節(jié)版組件的 getRelationNodes 獲得關聯(lián)節(jié)點，方法為異步api。

微信版使用：

cosnt nodes = this.getRelationNodes('path/to/custom-li')

字節(jié)版使用

const t = await new Promise( n => this.getRelationNodes("../index-anchor/index", (t) => { n(t); }));

字節(jié)版需要用promise來傳遞異步消息。也不知道微信版開始就是這種寫法，還是之前有更新。

以上就是最近遇到的字節(jié)小程序與微信小程序差異。熟悉ES6和微信小程序各個版本的話，這都不是什么很大問題。不過這兩方面我都不熟，所以看了3天代碼，不過提高很大。

其實這都是微信升級更新后，字節(jié)版還未借鑒到的功能，主要都是組件使用方面，微信小程序不斷完善組件的功能，也不知道字節(jié)版什么時候能更新。