小程序開發怎麽渲染（rǎn）頁麵(微信小程（chéng）序開發小知（zhī）識)

微信小程序如何渲染html內容示例講解

1，小程序剛上線的時候，無（wú）法直接渲染HTML內容。它的原（yuán）理是將HTML代碼解析成樹形結（jié）構的數（shù）據，然後通過小程序的模（mó）板來渲染數據。

2.富文本。後來增加了“富文本”小程（chéng）序，顯示富（fù）文本內容。但（dàn）是，這個組件有一個巨大的限製：所有節點的（de）事件都被阻塞（sāi）在組件中。也就是說，在這個組件中，連一個簡（jiǎn）單的功能（néng）“預（yù）覽圖”都實（shí）現不了。

3.web-view，以及後（hòu）來的小程序允許通過“Web-view”嵌套網頁（yè）組件，通過網頁展示HTML內容是最好的兼容方案方案。但是，因為它需要多加載一個頁麵，所以性能很差。個人（rén）小程序也不會用webview。

微信小程序開發小知識

1，小程序嵌（qiàn）入式網頁、嵌入式網頁（yè）中的跳轉鏈接（jiē）、iframe中嵌套的（de）頁麵都必須在安全域名內，否則無法訪問。如果要在小程序中添加第三（sān）方廣告，這一點要注意，因為安全域名的更改次數是有限製的（de），需要認（rèn）證服務器（qì）。還要注意內嵌（qiàn）在網頁中的iframe。比（bǐ）如騰訊視頻（pín）的iframe嵌入在網頁中，會因為騰訊視頻不在安（ān）全域名中而導致頁麵無法訪問。

2.用戶信息授權，

3.小程序之間的跳轉需要用戶（hù）點擊，跳轉前（qián）需要（yào）用戶確認。跳轉次數（shù）小程（chéng）序不要超過10。

4.小程序分為開發版、體驗版、複習版，線（xiàn）上版開（kāi）發版是最新版編輯開發工具；開發工具上傳後成為體驗版，有體驗權限的用戶可以查看；開發版本提交正式審核後，成為審核版本；審計成功後，

5.官方“小程序助手”小程序可以輕鬆打開所有版本小程序。

6.用戶都需要重（chóng）新下載新版（bǎn）本。

7.小程序還在更新完善（shàn）中，舊的代碼可能不符合新政策。為了避免這種情況，應該更多地關注官方公告（gào）。

8.版本回滾功能可以將（jiāng）線上版本回滾到之前的版（bǎn）本。

9，小程序使用CommonJS規範，對ES6有很好的支持。

10，小程序沒有官方的狀態管理工具，頁麵之間的通信依靠傳遞參數。如果需要複雜的狀態管理，

1.用戶微信（xìn）支付（fù）後，需要在後台向（xiàng）服務器推送消息，確認支付成功。一個

2.小（xiǎo）程序的（de）DOM操作隻能查詢屬性，不能（néng）設置屬性（xìng）。一個

3，小程序基本庫版本與（yǔ）微信版（bǎn）本相關，1

4.小程序中也存在兼容（róng）性問題。不（bú）想更新的（de）用（yòng）戶微信要像（xiàng）IE6忠實用（yòng）戶一樣對待。一個

5.頁麵（miàn）小程序隻有onload、onShow、onReady、onHide和onLoad生命周期，但與更新視（shì）圖相關的生（shēng）命周期1不可用。

6.小程序不能直接渲染。應該使用富文本組件，但是組件的性能會下（xià）降。一個（gè）

7，小程序還有很多原生組件（jiàn），比如視頻和地圖。原生（shēng）組件位於最頂層，將阻擋所（suǒ）有非原生組件。還有很多限製，比如不能改變大小，不能添加（jiā）動畫效果。不過有些（xiē）組（zǔ）件（jiàn）在最新版本中可以（yǐ）在同一圖層渲染（rǎn）。一（yī）個

8，小程序不支持（chí）晃動功（gōng）能，但是可以通過監測加速度傳感（gǎn）器來實現。一個

9，小程（chéng）序（xù）有一個官方（fāng）廣告組件，官方會拿一部（bù）分廣告收入。