理解proxy vue3是基于proxy代理實(shí)現(xiàn)的響應(yīng)，那么什么事proxy代理，簡單的說就是使用proxy可以實(shí)現(xiàn)對(duì)象的基本語義的代理，基本語義就是對(duì)象的基本屬性的一些操作...
IP屬地：臺(tái)灣
-
vue.js設(shè)計(jì)與實(shí)現(xiàn)（閱讀）-五（如何代理Object）
-
vue.js設(shè)計(jì)與實(shí)現(xiàn)-響應(yīng)系統(tǒng)-watch
watch 的實(shí)現(xiàn)原理。它本質(zhì)上利用了副作用函數(shù)重新執(zhí)行時(shí)的可調(diào)度性。一個(gè) watch 本身會(huì)創(chuàng)建一個(gè) effect，當(dāng)這個(gè) effect 依賴的響應(yīng)式數(shù)據(jù)發(fā)生變化時(shí)，會(huì)執(zhí)行...
-
vue.js設(shè)計(jì)與實(shí)現(xiàn)-響應(yīng)系統(tǒng)-computed和lazy
我們給effect函數(shù)加入lazy屬性，來實(shí)現(xiàn)懶執(zhí)行，在有些場景下，我們并不希望它立即執(zhí)行，而是希望在需要的時(shí)候才執(zhí)行，例如計(jì)算屬性，我們?cè)趏ptions里面添加lazy屬性...
-
vue.js設(shè)計(jì)與實(shí)現(xiàn)（四）-響應(yīng)系統(tǒng)-調(diào)度執(zhí)行-次數(shù)
除了控制副作用函數(shù)的執(zhí)行順序，通過調(diào)度器還可以做到控制它的執(zhí)行次數(shù)，這一點(diǎn)也尤為重要。我們思考如下例子： 首先在副作用函數(shù)中打印 obj.foo 的值，接著連續(xù)對(duì)其執(zhí)行兩次自...
-
vue.js設(shè)計(jì)與實(shí)現(xiàn)（四）-響應(yīng)系統(tǒng)-調(diào)度執(zhí)行-時(shí)機(jī)
讀了第四章里的調(diào)度講解，在此記錄理解 所謂可調(diào)度，指的是當(dāng) trigger 動(dòng)作觸發(fā)副作用函數(shù)重新執(zhí)行時(shí)，有能力決定副作用函數(shù)執(zhí)行的時(shí)機(jī)、次數(shù)以及方式。 決定調(diào)度時(shí)機(jī)的執(zhí)行 ...
-
vue.js設(shè)計(jì)與實(shí)現(xiàn)（四）-響應(yīng)系統(tǒng)-避免無限遞歸循環(huán)
在上述程序代碼中可能會(huì)出現(xiàn)如下問題：我在effect函數(shù)中定義一個(gè)如下的自增加代碼： 結(jié)果如下： 該結(jié)果是棧的益處，原因是：首先讀取 obj.foo 的值，這會(huì)觸發(fā) trac...
-
vue.js設(shè)計(jì)與實(shí)現(xiàn)（四）-響應(yīng)系統(tǒng)-嵌套的effect與effect棧
描述：在vue框架中我們會(huì)遇到組件的嵌套等等，那么嵌套的實(shí)現(xiàn)，當(dāng)前程序代碼是否可以實(shí)現(xiàn)，如下測(cè)試： 我們希望當(dāng)修改 obj.foo 時(shí)會(huì)觸發(fā) effectFn1 執(zhí)行。由于e...
-
vue.js設(shè)計(jì)與實(shí)現(xiàn)（四）-響應(yīng)系統(tǒng)-分支切換與cleanup
問題描述：在上一篇中，通過weakmap,map,Set數(shù)據(jù)結(jié)構(gòu)，建立了代理對(duì)象中 target ，key, 副作用函數(shù)之前的對(duì)應(yīng)關(guān)系，使得我們可以處理不存在的屬性，避...
-
vue.js設(shè)計(jì)與實(shí)現(xiàn)（四）-響應(yīng)系統(tǒng)
1、簡單的響應(yīng)架構(gòu)設(shè)計(jì)實(shí)現(xiàn)：背景：有一個(gè)函數(shù)effect實(shí)現(xiàn)document.body.innerText的文本內(nèi)容改變，body中的文本內(nèi)容和一個(gè)data對(duì)象中的text屬...
-
JS事件循環(huán)(Event Loop)js中的事件循環(huán)是JavaScript代碼在瀏覽器運(yùn)行中的一種機(jī)制，是解決JavaScript單線程運(yùn)行時(shí)不會(huì)阻塞的機(jī)制話說JavaScript運(yùn)行時(shí)，分為兩種任務(wù)，宏任務(wù)和...
-
vue.js 設(shè)計(jì)與實(shí)現(xiàn)（三）
vue框架是一個(gè)聲明式框架，我們可以用模板的方式聲明UI，也可以使用虛擬DOM來描述UI，虛擬DOM比模板更靈活，模板比虛擬DOM更加直管； 其次是框架中的核心渲染器，渲染器...
-
vue.js 設(shè)計(jì)與實(shí)現(xiàn)（二）
第二章，vue設(shè)計(jì)與實(shí)現(xiàn)總結(jié)： tree-shaking機(jī)制：可以處理因框架因警告信息過大，而影響框架的體積，利用tree-shaking機(jī)制，在構(gòu)建中可以配合構(gòu)建工具預(yù)定義...
-
vue.js 設(shè)計(jì)與實(shí)現(xiàn)（一）
vue框架設(shè)計(jì)的緣由:1、在框架的設(shè)計(jì)中，更希望采用聲明式代碼提供給用戶，聲明式代碼更注重結(jié)果，用戶只需書寫框架規(guī)則代碼就可以實(shí)現(xiàn)自己想要的，比如：我們?cè)趘ue中經(jīng)常如下書寫...
-
20 個(gè) JS 工具函數(shù)助力高效開發(fā)
1、校驗(yàn)數(shù)據(jù)類型 示例： 2、防抖 如 vue 中使用: 3、節(jié)流 4、手機(jī)號(hào)脫敏 5、開啟全屏 6、關(guān)閉全屏 7、大小寫轉(zhuǎn)換參數(shù)：str 待轉(zhuǎn)換的字符串type 1-全大寫...
-
針對(duì)echarts yAxis type為value類型時(shí)，數(shù)據(jù)過大和過小顯示問題
針對(duì)echarts yAxis type為value類型時(shí)，數(shù)據(jù)過大和過小顯示問題 問題描述 解決辦法 1-初始化數(shù)據(jù)有0的情況，為0.1。 2-然后去y軸自定義format...
-
坐標(biāo)系旋轉(zhuǎn)矩陣推導(dǎo)過程兩角和(差)公式 推導(dǎo) 旋轉(zhuǎn)變換一般是按照某個(gè)圓心點(diǎn)，以一定半徑 r 旋轉(zhuǎn)一定的角度α，為了簡單起見我們給出下面的情景 假定點(diǎn)A(x,y)想經(jīng)過旋轉(zhuǎn)變換到達(dá)B(x',y')，...
-
WebGl理解：模型、視圖和投影矩陣變換的含義看了別人寫的文章，開始學(xué)webgl,以及看一些webgl的東西，一些術(shù)語很難理解，慶幸看到一篇文章，趕緊記下來：原文引用：http://www.jiazhengblog.co...
-
-
