原创 js正則匹配小於某個數字，小於32的正則表達式
匹配小於32數字的正則表達式 let regex = /^[0-9]$|^[0-2][0-9]$|^3[0-2]$/ // 匹配小於32的數字 regex.test('3') // true regex.test('33') //
2020-06-21 23:14:08
22
原创 樹形結構數據節點A到節點B的方式
需求，根據一個樹形結構數據，給數據點A，給數據節點B，求A點到B點中間經過的所有節點。 以下用一個示例圖展示其實現方式 這種需求可以輕易聯想到地圖，地圖點A到點B，需要得到一條最短的路徑，程序實現也可以基於此設計思路實現。 實現步驟
2020-06-21 23:14:08
原创 eChats折線圖更新數據不自然，要閃一下，動態數據解決
使用eCharts動態更新數據功能的時候，更新時動畫會不自然，原因不知道，不過通過設置series值的方式就可以解決 chartRow.data.forEach((item) => { // childList.push([
2020-06-21 23:14:08
原创 js下載單文件、多文件體驗較好的實現方式
一種可以下載多文件體驗好的方式 export function downloadFile(url) { const iframe = document.createElement("iframe"); iframe.style
2020-06-21 23:14:08
原创 js遞歸樹結構並且加入path路徑來爲每個節點加入定位信息
有時候樹形結構需要確定某一項它的具體路徑（它的所有父級節點），爲提高效率和減少代碼，可以在樹結構的遍歷時確定路徑path操作，以下代碼就實現了此功能（注意：此代碼確定path路徑是在meta對象中的那個）： path設置爲#號拼接方式
2020-05-31 01:08:47
原创 js數組各種遍歷性能測試，馬上測試
爲了探究各種js遍歷寫法的性能，開發出方便測試工具，爲了讓你快速直觀瞭解哪一種寫法性能最好，選擇一個最適合應用場景的寫法。 測試地址：JavaScript遍歷性能測試（點擊測試） 普通for循環 普通for循環是最簡單，使用頻率最高的一種
2020-05-31 01:08:47
原创 H5點擊觸摸測試，點擊延遲測試，點擊觸摸時長測試案例
爲得到觸摸事件在手機端等觸摸設備的詳細數據，現在開發的觸摸測試案例將實現此功能。 應用場景，將可得到模擬人點擊的具體觸摸時間、座標等信息。 預覽效果：https://codepen.io/nick_code/pen/eYpLjeK 觸摸設
2020-05-21 10:27:57
原创 SVG viewBox應用廣，但理解困難，不多說，直接交互演示更直觀瞭解它的應用和效果
SVG viewBox應用廣，但理解困難，不多說，直接交互演示更直觀瞭解它的應用和效果 點擊連接直接瞭解viewBox各個參數的應用 https://codepen.io/nick_code/pen/WNQGxQV?editors=101
2020-04-21 10:19:34
原创 JS的window.requestAnimationFrame獲取幀率的方法（示例兩種）
第一種（基礎版） let lastTime = new Date() let sampling = [], lastSample = '' step() function step(){ let curTime = new Date
2019-10-25 19:27:12
原创 moment.js獲取對應時間的週一日期，週二日期到週日日期
export function weDateFormat(date, strDate) { let weekOfDay = moment(date).format("E") // 指定日期的周的第幾天 let lastMo
2019-10-25 19:27:00
12
原创 puppeteer怎麼讀，怎麼記住
puppeteer功能強大，但這個名字取得也夠獨特的，現在說一下怎麼讀，怎麼記更容易記住 音標 [pʌpɪ'tɪr] [pʌpɪ tir] 拆分讀法：puppe teer 根據讀音先寫出puppe，
2019-09-04 18:46:50
原创 js處理人性化時間長度展示，1分鐘以內顯示秒數，1分鐘以上1小時以內顯示分鐘數和秒數，1小時以上1天以內顯示小時數和分鐘數
1分鐘以內顯示秒數 59秒 1分鐘以上1小時以內顯示分鐘數和秒數 23分30秒 1小時以上1天以內顯示小時數和分鐘數 1小時20分 1天以上顯示天數和小時數 3天21小時 核心代碼 function simpleDuration(du
2019-07-31 18:49:37
2
原创 Webstorm Material Theme UI應用後再重置爲之前的主題部分失效
Material Theme UI是一個效果類似VS code的主題效果，但是我在webstorm裏面下載應用後，跟着提示改修改了幾個步驟的效果，最後展現出來的主題效果始終不喜歡，還是喜歡Webstorm默認的黑色主題，於是在設置裏面切換
2019-07-30 19:29:25
4
原创 todo清單項目開發，todo清單不止是簡單的勾選，還能做更多事情
todo作爲一種可交互的簡單待做清單，不約而同地在各個語言中都會實現各種todo的功能，但它的核心就是簡單的勾選完成的清單，簡單操作，易於使用。 而易記列表，不只是todo清單這一塊，它能分爲幾個基本功能，簡單列表、待做列表（todo）、
2019-07-13 18:18:28
原创 js數組計算重組成表格行列格式數據方法
在很多開發中會遇到一個一維數組，需要變爲具有行和列的數據格式，比如一個數組有10個元素，需要變爲多行，每行2列數組的格式，在前端開發中也有很多應用場景，以下將展示爲實現這種功能的演示。 假設數組： let arr = [1, 2, 3,
2019-04-02 22:25:53