1. Proxy的基本理解： 在上述代碼中，我們?yōu)閜erson對象創(chuàng)建了一個代理對象proxy, 我認(rèn)為proxy對象內(nèi)部存在引用，指向了其內(nèi)部的target，即person...
發(fā)簡信
IP屬地：浙江
-
ES6中的proxy和vue的響應(yīng)式原理
-
異步操作——generator
reference： https://www.cnblogs.com/chenjinxinlove/p/8467774.html https://juejin.im/post...
-
認(rèn)識generator1. 基本用法和next()函數(shù) 2. 迭代 generator的這一特性能夠很好地應(yīng)用在定義對象的迭代上：我們之前是這么創(chuàng)建一個可迭代的（能夠被for...of迭代）對象的...
-
Promise API, async and await
1. Promise.resolve：把一個value值包裝成promise返回 let p=Promise.resolve(2) equals to let p=new P...
-
深入理解vue的雙向數(shù)據(jù)綁定
reference： https://github.com/DDFE/DDFE-blog/issues/7 https://juejin.im/entry/59116fa6a...
-
fetch,promise and handling error1. 基于callback的XMLHttpRequest處理http請求 a simple XMLHttpRequest example from MDN: 2. 基于pro...
-
避免callback金字塔——promise
loadScript函數(shù) 有這么一個應(yīng)用場景：我們想要動態(tài)地加載一個js腳本，然后調(diào)用腳本中的某個函數(shù)。所以，這其實(shí)抽象為，我們需要等待一個異步請求結(jié)果，然后做一些操作。 我...
-
virtual DOM and life circle of Vue.js1. virtual DOM 一個真正的dom節(jié)點(diǎn)可以在js中映射成一個這樣的對象，也就是js中的虛擬dom。 我們在創(chuàng)建一個vue實(shí)例之后，它會先被render funct...
-
什么是跨域請求以及實(shí)現(xiàn)跨域的方案
前言：對于跨域請求，很早之前就有去了解過，但因?yàn)橐恢标P(guān)注的都是服務(wù)器后端開發(fā)，故也就僅僅停留在概念的理解上而沒有機(jī)會在實(shí)際開發(fā)場景中接觸得到。最近在公司的開發(fā)任務(wù)中，需要接觸...
-
bind, call, apply all about 'this' (from MDN)
bind: bind()方法創(chuàng)建一個新的函數(shù)，在bind()被調(diào)用時，這個新函數(shù)的this被bind的第一個參數(shù)指定，其余的參數(shù)將作為新函數(shù)的參數(shù)供調(diào)用時使用。也就是說，fu...
-
basic usage of <canvas> explained by MDN是頁面內(nèi)一塊rendering text, 是一塊畫布，可以在上面繪制圖形。 1. 繪制一個基本矩形 2. 如果css設(shè)置的尺寸和canvas沖突，canvas畫布會拉伸 我...
-
flex properties (MDN的解釋）1. flex-item有關(guān)的屬性 1.1 flex-shrink The flex-shrink CSS property sets the flex shrink fac...
-
對touchmove進(jìn)行函數(shù)節(jié)流，優(yōu)化頁面性能
1. touchmove事件對象的屬性： 2. 利用setTimeout來進(jìn)行節(jié)流 touchmove事件觸發(fā)頻率特別高的時候，很有可能導(dǎo)致頁面甚至瀏覽器崩潰，因此，我們需要...
-
模塊的export和import
模塊export和import的基本語法： 1. export export有2種寫法：可以這樣寫： 也可以這樣寫, 把export放在最后，這樣一眼就能夠看出export哪...
-
可復(fù)用的動畫過渡
動畫復(fù)用的代碼舉例： 動畫過渡的代碼完全封裝在子組件的代碼中，父組件向子組件傳遞想要動畫過渡的內(nèi)容，就可以實(shí)現(xiàn)多次重復(fù)使用同一個動畫過渡效果了。效果：
-
Vue中的列表過渡
組件的切換 單個元素的切換 不管是組件切換還是單個元素的切換， 標(biāo)簽內(nèi)部在一個時間都是只有一個元素或者一個組件。 下面我們來看一下列表過渡 在vue的官方文檔中指出： 不同于...
-
Vue中的CSS transition和animation
1. Vue中的CSS transition過渡 當(dāng)我們插入一個元素的時候，vue會在過渡的第0幀給 標(biāo)上"fade-enter","fade-enter-active"兩個...
-
CSS3 transition and animation簡單理解
講解得非常好的一篇文章：css3中的變形（transform）、過渡(transtion)、動畫(animation) transition CSS中的transition允...
-
CSS3 transform的簡單理解
1. 在使用transform的時候，我們需要知道以下一些術(shù)語： local coordinate system：local坐標(biāo)系的原點(diǎn)在reference box的左上方，...