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

1，小程序剛上線的時候，無法直接渲染HTML內容。它的原理是將HTML代碼解析成樹形結構的數據，然后通過小程序的模板來渲染數據。

2.富文本。后來增加了“富文本”小程序，顯示富文本內容。但是，這個組件有一個巨大的限制：所有節點的事件都被阻塞在組件中。也就是說，在這個組件中，連一個簡單的功能“預覽圖”都實現不了。

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

微信小程序開發小知識

1，小程序嵌入式網頁、嵌入式網頁中的跳轉鏈接、iframe中嵌套的頁面都必須在安全域名內，否則無法訪問。如果要在小程序中添加第三方廣告，這一點要注意，因為安全域名的更改次數是有限制的，需要認證服務器。還要注意內嵌在網頁中的iframe。比如騰訊視頻的iframe嵌入在網頁中，會因為騰訊視頻不在安全域名中而導致頁面無法訪問。

2.用戶信息授權，

3.小程序之間的跳轉需要用戶點擊，跳轉前需要用戶確認。跳轉次數小程序不要超過10。

4.小程序分為開發版、體驗版、復習版，線上版開發版是最新版編輯開發工具；開發工具上傳后成為體驗版，有體驗權限的用戶可以查看；開發版本提交正式審核后，成為審核版本；審計成功后，

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

6.用戶都需要重新下載新版本。

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

8.版本回滾功能可以將線上版本回滾到之前的版本。

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

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

1.用戶微信支付后，需要在后臺向服務器推送消息，確認支付成功。一個

2.小程序的DOM操作只能查詢屬性，不能設置屬性。一個

3，小程序基本庫版本與微信版本相關，1

4.小程序中也存在兼容性問題。不想更新的用戶微信要像IE6忠實用戶一樣對待。一個

5.頁面小程序只有onload、onShow、onReady、onHide和onLoad生命周期，但與更新視圖相關的生命周期1不可用。

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

7，小程序還有很多原生組件，比如視頻和地圖。原生組件位于最頂層，將阻擋所有非原生組件。還有很多限制，比如不能改變大小，不能添加動畫效果。不過有些組件在最新版本中可以在同一圖層渲染。一個

8，小程序不支持晃動功能，但是可以通過監測加速度傳感器來實現。一個

9，小程序有一個官方廣告組件，官方會拿一部分廣告收入。