shadow dom的權威文件請參閱：廢話少說，搞乙個例子，一看便明白：
raw text效果應該是這樣的：shadow text這裡我們在button上建立了乙個shadowroot，把shadow的文字設為「shadow text」。結果顯示，原來的button內容看上去像是被shadowroot的內容覆蓋了。至於為啥，請看下一節。接著上面的例子來：raw text
//獲取button物件
var host = document.queryselector('button');
//建立button物件相對應的shadowroot
alert('now shadowroot has not been created');
var root = host.createshadowroot();//建立shadowroot
//設定shadowroot的顯示內容
root.textcontent = 'shadow text';
//設定shadowroot的id
root.classname='sd';
在alert彈窗之前應該是這個效果：raw text
而關閉alert彈窗後應該是這個效果：
shadow text
可以看出：shadow dom使得瀏覽器在渲染時，如果某普通dom元素有對應的shadow dom元素則用相應的shadow dom元素來替代它參加渲染。
另外，可以看出實際參加渲染的shadow dom元素繼承了它在dom樹的插入點的css樣式（紅色+20pt字型）。
接著搞：
前端渲染與後端渲染
前端渲染是通過ajax請求資料，然後通過js語法將資料展示到頁面中，稱之為前端渲染 後端渲染是通過後端語言 後端模板 ejs 將 頁面整個傳送給前端 後端模板 ejspug jade art template 現在流行的 前端渲染 問題 當前後端同時進行專案開發是，後端資料介面沒有寫好，但是前端卻需...
前端渲染與後端渲染
大概十年前，jsp php asp等為大多數 使用，也是由後端作為渲染。因為大多數工作都是由後端完成，對後端人員要求較高，前端的地位也就比較低。後端渲染的優勢 第一次搭建簡單 的速度快 seo 搜尋引擎優化 友好度高，特別是對於一些營銷購物推廣類 伺服器渲染不用關心瀏覽器相容性問題 隨著瀏覽器發展，...
列表渲染與條件渲染
作者 jeskson 達達前端小酒館 列表渲染與條件渲染 如何渲染陣列型別和物件型別的資料 渲染陣列 的所有資料 相同的結構是列表渲染的前提，列表等都會有 千上萬條的資料，它們的共同的特徵就是資料的結構相同。data 如何把整個列表都渲染出來呢？wx for 就是在陣列newstitle 進 迴圈 ...