面試中,面試官不免要問,關於v-if這類的指令,實現的原理是什麼?
效果圖示:
htnl:
id="root">
我是指令的展示和隱藏div>
我是要隱藏的div>
div>
我們期望在介面上,展示的效果是這樣的:
//第一步:獲取元素dom節點
var el = document.getelementbyid('root');
//第二步:處理dom
function dealnode(el)
}});
}//節點深層遍歷
if(node.childnodes && node.childnodes.length)
})}dealnode
(el);
function
isderetive
(attr)
lang="en">
charset="utf-8">
屬性指令title>
head>
id="root">
v-if="true">我是指令的展示和隱藏div>
v-if="false">我是要隱藏的div>
div>
body>
var el = document.getelementbyid('root');
function
dealnode
(el)
}});
}if(node.childnodes && node.childnodes.length)})}
dealnode(el);
function
isderetive
(attr)
script>
html>
訊息佇列實現原理(以kafka為例)
訊息佇列中介軟體是分布式系統中重要的元件,主要解決應用耦合,非同步訊息,流量削鋒等問題。實現高效能 高可用 可伸縮和最終一致性架構。使用較多的訊息佇列有kafka activemq rabbitmq zeromq metamq rocketmq。訊息佇列在實際應用中常用的使用場景 非同步處理,應用解...
009 裝置樹屬性的獲取 以LED為例
linux引入裝置樹,把硬體分到裝置樹檔案中,驅動中仍然需要硬體資訊。所以必須將裝置樹中的硬體資訊傳到驅動中。裝置樹屬性獲取函式標頭檔案 include linux of.h 裝置樹中使用 device node 結構體描述節點,of.h中的api需要device node作為引數傳入。struct...
C 建造者模式(以英雄屬性為例)
建造者模式 將乙個複雜物件的構建與它的表示分離,使得同樣的構建過程可以建立不同的表示。建造者模式是一種物件建立型模式。使用環境 當乙個類的構造函式引數個數超過4個,而且這些引數有些是可選的引數,考慮使用構造者模式。接下來我們以moba類英雄開發的英雄開發為例進行分析,我們知道英雄都有一些基本屬性 攻...