babel的作用 babel先將代碼編譯為AST抽象語(yǔ)法樹隐锭,修改AST,生成轉(zhuǎn)換后的代碼 生成AST抽象語(yǔ)法樹[https://astexplorer.net/)] npm包...

babel的作用 babel先將代碼編譯為AST抽象語(yǔ)法樹隐锭,修改AST,生成轉(zhuǎn)換后的代碼 生成AST抽象語(yǔ)法樹[https://astexplorer.net/)] npm包...
call 函數(shù) 語(yǔ)法 obj.call(thisObj,arg[,arg2[,arg3[,...agr]]]); 簡(jiǎn)介 修改obj的this指向?yàn)閠hisObj,后面的參數(shù)會(huì)...
分析比較 opacity: 0躁倒、visibility: hidden荞怒、display: none 優(yōu)劣和適用場(chǎng)景 1).display: none - 不占空間,不能點(diǎn)擊秧秉,會(huì)...
JavaScript的數(shù)據(jù)類型 JavaScript的數(shù)據(jù)類型分為兩種:原始類型(即基本數(shù)據(jù)類型)和對(duì)象類型(即引用數(shù)據(jù)類型)褐桌。 基本數(shù)據(jù)類型(值類型):字符串(String...
LHS 查詢和 RHS查詢 LHS 查詢:賦值操作的左側(cè)。LHS查詢?cè)噲D找到變量的容器本身象迎,從而可以對(duì)其賦值荧嵌。 RHS查詢:查找某某某的值。 function foo(a) ...
canvas實(shí)現(xiàn)打字輸入效果 查看完整代碼砾淌,在線試一試[https://codesandbox.io/embed/eg-canvas-text-animation-oolcg...
貝塞爾曲線 貝塞爾曲線又稱貝茲曲線或貝濟(jì)埃曲線啦撮,是應(yīng)用于二維圖形應(yīng)用程序的數(shù)學(xué)曲線。貝塞爾曲線由線段與節(jié)點(diǎn)組成汪厨,節(jié)點(diǎn)是可拖動(dòng)的支點(diǎn)赃春,線段像可伸縮的皮筋,我們?cè)诶L圖工具上看到的...
二次貝塞爾曲線 公式: 實(shí)現(xiàn)墜落效果: 在線試一試[https://codesandbox.io/embed/eg-canvas-beziercurve2-7hlgt?fon...
canvas的狀態(tài)如何保存和恢復(fù) save():保存當(dāng)前的繪圖狀態(tài)劫乱。 restore():恢復(fù)之前保存的繪圖狀態(tài)织中。 調(diào)用save方法將當(dāng)前繪圖狀態(tài)保存到繪圖堆棧中,每次調(diào)用r...
什么是HTML語(yǔ)義化 根據(jù)內(nèi)容的結(jié)構(gòu)化衷戈,使用擁有語(yǔ)義的元素清楚地向?yàn)g覽器和開發(fā)者描述其意義狭吼。 語(yǔ)義化的好處 1. 為了在沒有CSS的情況下,頁(yè)面也能呈現(xiàn)出很好地內(nèi)容結(jié)構(gòu)脱惰、代碼...
回流與重繪 重繪:對(duì) DOM 操作簡(jiǎn)單修改樣式(比如修改元素的 visibility搏嗡、color、background-color 等)、卻并未影響頁(yè)面布局時(shí)采盒,瀏覽器不需重新...
在線試一試[https://codesandbox.io/embed/eg-canvas-loading-zuq93?fontsize=14&hidenavigation=1...
在線試一試旧乞,查看效果[https://codesandbox.io/embed/eg-canvas-loading-zuq93?fontsize=14&hidenavigat...
今早打開簡(jiǎn)書,發(fā)現(xiàn)粉絲少了一個(gè)磅氨, 本來(lái)是8個(gè)粉絲尺栖,變成了7個(gè)。數(shù)量本來(lái)就少烦租,所以一眼就看出來(lái)了延赌。 我的第一反應(yīng)是,一定是自己不好所以別人才會(huì)離開叉橱,是不是我寫的東西大家不喜歡看...
晨光與夕陽(yáng) 最美的景致莫過(guò)于東升及西落的太陽(yáng)挫以。 清晨,透薄的金色紗幔下窃祝,河中立著沉睡的樹木倒影掐松,我站在光里,陰影是生命豐富立體的詮釋粪小。愣神中大磺,蛟龍忽而藏進(jìn)隧道,開始純粹的黑暗...
canvas實(shí)現(xiàn)簡(jiǎn)單進(jìn)度條效果如下: 代碼如下:在線試一試[https://codesandbox.io/embed/eg-canvas-progress-yog5m?fon...
設(shè)置漸變的兩種方式: createLinearGradient(x,y,x1,y1) - 創(chuàng)建線條漸變 createRadialGradient(x,y,r,x1,y1,r1...
首先找了一個(gè)心形線公式: x=12*sin(t)-4*sin(3*t) y=13*cos(t)-5*cos(2*t)-2*cos(3*t)-cos(4*t) 代碼如下: fu...
canvas 繪制文本 1. font - 定義字體 2. fillText(text,x,y) - 在 canvas 上繪制實(shí)心的文本 3. strokeText(text...