babel的作用 babel先將代碼編譯為AST抽象語法樹,修改AST,生成轉(zhuǎn)換后的代碼 生成AST抽象語法樹[https://astexplorer.net/)] npm包...
babel的作用 babel先將代碼編譯為AST抽象語法樹,修改AST,生成轉(zhuǎn)換后的代碼 生成AST抽象語法樹[https://astexplorer.net/)] npm包...
call 函數(shù) 語法 obj.call(thisObj,arg[,arg2[,arg3[,...agr]]]); 簡介 修改obj的this指向為thisObj,后面的參數(shù)會...
分析比較 opacity: 0、visibility: hidden、display: none 優(yōu)劣和適用場景 1).display: none - 不占空間,不能點擊,會...
JavaScript的數(shù)據(jù)類型 JavaScript的數(shù)據(jù)類型分為兩種:原始類型(即基本數(shù)據(jù)類型)和對象類型(即引用數(shù)據(jù)類型)。 基本數(shù)據(jù)類型(值類型):字符串(String...
LHS 查詢和 RHS查詢 LHS 查詢:賦值操作的左側(cè)。LHS查詢試圖找到變量的容器本身,從而可以對其賦值。 RHS查詢:查找某某某的值。 function foo(a) ...
canvas實現(xiàn)打字輸入效果 查看完整代碼,在線試一試[https://codesandbox.io/embed/eg-canvas-text-animation-oolcg...
貝塞爾曲線 貝塞爾曲線又稱貝茲曲線或貝濟(jì)埃曲線,是應(yīng)用于二維圖形應(yīng)用程序的數(shù)學(xué)曲線。貝塞爾曲線由線段與節(jié)點組成,節(jié)點是可拖動的支點,線段像可伸縮的皮筋,我們在繪圖工具上看到的...
二次貝塞爾曲線 公式: 實現(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語義化 根據(jù)內(nèi)容的結(jié)構(gòu)化,使用擁有語義的元素清楚地向瀏覽器和開發(fā)者描述其意義。 語義化的好處 1. 為了在沒有CSS的情況下,頁面也能呈現(xiàn)出很好地內(nèi)容結(jié)構(gòu)、代碼...
回流與重繪 重繪:對 DOM 操作簡單修改樣式(比如修改元素的 visibility、color、background-color 等)、卻并未影響頁面布局時,瀏覽器不需重新...
在線試一試[https://codesandbox.io/embed/eg-canvas-loading-zuq93?fontsize=14&hidenavigation=1...
在線試一試,查看效果[https://codesandbox.io/embed/eg-canvas-loading-zuq93?fontsize=14&hidenavigat...
今早打開簡書,發(fā)現(xiàn)粉絲少了一個, 本來是8個粉絲,變成了7個。數(shù)量本來就少,所以一眼就看出來了。 我的第一反應(yīng)是,一定是自己不好所以別人才會離開,是不是我寫的東西大家不喜歡看...
canvas實現(xià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...
首先找了一個心形線公式: 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 上繪制實心的文本 3. strokeText(text...