屬性指令的解析原理 以 v if 為例

2021-08-20 08:45:36 字數 1026 閱讀 9656

面試中,面試官不免要問,關於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類英雄開發的英雄開發為例進行分析,我們知道英雄都有一些基本屬性 攻...