原创 VTable——不只是高性能的多維數據分析表格
導讀 VTable: 不只是高性能的多維數據分析表格，更是行列間創作的方格藝術家！ VTable是字節跳動開源可視化解決方案 VisActor 的組件之一。 在現代應用程序中，表格組件是不可或缺的一部分，它們能夠快速展示大量數據，並提
2023-10-09 13:36:44
1
原创 如何批量修改 GitHub 代碼提交作者
批量修改 GitHub 代碼提交作者需要進行以下步驟： 該操作如果涉及default分支的話 請確保有push的權限！ 首先，你需要 clone 遠程倉庫到本地，使用以下命令： git clone <repository-url> ``
2023-06-14 13:33:19
原创 分析什麼情況下回有大量的垃圾回收（GC）
在前端性能監控中，大量的垃圾回收（GC）通常是由以下原因導致的： 內存泄漏：當頁面中的對象沒有被正確地釋放或引用計數錯誤時，會導致內存泄漏。當內存中的對象達到一定數量時，JavaScript 引擎會執行垃圾回收以釋放這些不再使用的對象，
2023-04-21 13:33:16
原创 require/import路徑中的歎號是什麼？
問題： 之前在一些開源項目的源碼裏，以及一些文章裏，見到如下這樣的require/import路徑，其中包含形如!.的片段，不知道是什麼意思： // https://juejin.im/post/6844903504352378894#he
2021-08-14 13:19:58
原创 canvas繪製動畫的技巧 Tween算法及緩動效果
我們拿下圖中的沿着線段軌跡移動的原點來舉例，怎麼來實現這個動畫！ 1）定義路徑集合Path，裏面規定關鍵座標點如startPoint和endPoint，設置從startPoint移動到endPoint的時間duration。 如下json
2021-06-30 13:19:58
2
原创 canvas小畫板——（3）筆鋒效果 清除canvas畫布內容--點擦除+線擦除
畫線準備 準備一個canvas <canvas id="canvasId" width="1000" height="800"></canvas> 使用pointer事件監聽，落筆，拖拽，收筆。 document.on
2021-06-29 13:19:55
1
原创 實現一個螺旋轉盤
轉盤效果 本文章講解怎麼實現這樣一個螺旋轉盤動態效果。不停旋轉，箭頭指向的扇形會變成高亮，整個轉盤有個漸變效果，中間鏤空。 利用圖片填充顏色 首先準備如下三張圖 三張圖怎麼利用？ 思路大概下面所標示的。第一張和第三種是蓋到第二張上的，第
2021-05-07 13:19:57
原创 canvas性能優化總結
canvas的主要功能就是用來繪製內容，有時候爲了給用戶流暢的視覺感受，需要繪製的頻率要求很高，這樣對繪製的性能就有要求，那麼怎麼才能寫出高性能的繪製代碼呢。 儘可能少調用api 例如我們繪製一段線條，如果用如下代碼的話，每移動一次就str
2021-05-01 13:20:29
1
原创 記canvas畫筆筆跡的多次優化過程 清除canvas畫布內容--點擦除+線擦除
我們的項目是面向學校老師的教學軟件，所以肯定少不了互動白板的功能，而這個裏面的畫筆功能是由我來開發的，下面介紹這個過程中遇到的問題以及解決方法。 首先給大家明確下由於軟件中的畫布可以自由移動，會超出屏幕顯示範圍，同時支持點擦和線擦，所以需要
2021-04-29 13:20:04
原创 向量點乘，叉乘的意義和幾何意義
1、向量的定義 在數學中，向量（也稱爲矢量），指具有大小和方向的量。它可以形象化地表示爲帶箭頭的線段。 箭頭所指：代表向量的方向； 線段長度：代表向量的大小。 2、向量的點乘 向量點乘的數學定義： 向量
2021-04-23 13:20:18
原创 如何獲取canvas當前的縮放值
項目中一直有一個問題困擾着我，我們的畫布可以縮放平移旋轉，支持拖拽生成圖形，生成手寫筆跡，如果用戶選擇的線條粗細爲5像素，那麼即使畫布縮放過繪製出的線條粗細也應該是視覺上的5px，所以再繪製時賦值給context.lineWidth的值需要
2021-04-15 13:19:56
1
原创 軟件項目技術點(11)——大圖變小圖提高繪圖性能 AxeSlide軟件項目梳理
AxeSlide軟件項目梳理 canvas繪圖系列知識點整理 因爲用戶有可能會插入大量圖片到軟件中，canvas繪製起來性能堪憂，縮放或者平移畫布會出現卡頓的現象。這跟圖片的大小有很大關係，越是高清大圖，繪製到canvas上，特別是在c
2021-03-26 13:20:10
原创 Git代碼版本控制流程
我們的項目使用Git作爲代碼倉庫、和版本控制工具。 Git有幾種Workflow，來管理代碼版本變更流程，我們採用Gitflow Workflow流程。 Gitflow Workflow，採用了master、develop、
2021-03-26 13:20:10