雙向資料繫結,即當資料發生變化的時候,檢視也就發生變化,當檢視發生變化的時候,資料也會跟著同步變化。這也算是vue的精髓之處了。
接下來簡單的模擬一下:
"text" id=
"mytext"
>
"myp"
>
<
/p>
// 用proxy** 模擬實現vue雙向繫結
let mytext =document.
getelementbyid
("mytext");
let myp =document.
getelementbyid
("myp");
let obj =
;// **物件
let proxyobj =
newproxy
(obj,
,set
:function
(target, propkey , value),}
)// 1 .觸發set 將文字框顯示值
proxyobj.mytext = obj.mytext;
// 2 .實現雙向繫結 文字框裡面的值變化 obj物件的值更新 更新其他元素的值
mytext.
addeventlistener
("input"
,function()
)<
/script>
js ES6學習筆記 Proxy
1 proxy 用於修改某些操作的預設行為,等同於在語言層面做出修改,所以屬於一種 元程式設計 meta programming 即對程式語言進行程式設計。2 proxy 可以理解成,在目標物件之前架設一層 攔截 外界對該物件的訪問,都必須先通過這層攔截,因此提供了一種機制,可以對外界的訪問進行過濾...
用golang寫乙個proxy
我複雜的網路環境中,proxy是個很有用的工具,我們可以通過proxy 幫我們完成網路流量的 這個proxy得先能接收請求,所以這裡先啟動乙個tcp的監聽,獲取請求 func s server start glog.infof proxy listen in s,waiting for connec...
js es6語法的一些簡單運用
做乙個記錄,方便以後使用 字串的一些運用 var a asgssdjas a.touppercase 將字串中英文本母變成大寫 a.tolowercase 將字串中英文本母變成小寫 indexof s 將字串中的字串片段進行檢索 a.substring 0,5 從索引0開始到5 不包括5 返回 he...