原创 css變量基本操作
1. html中css變量寫法 <div style="--color: #ccc;"> <span style="border: 1px solid var(--color);"> </div> <ul> <li st
2024-01-23 13:38:14
原创 echarts折線圖堆疊基本用法
折線圖堆疊，則折線縱不交叉，折線點縱軸標，是下方所有折線點之和，包括自身。 折線與下方相鄰折線之間的區域，爲折線本身的真是數量。
2024-01-12 13:40:01
原创 js中反斜槓替換問題
在windows機器上，vscode複製完相對路徑，路徑爲反斜槓 想在控制檯用js將反斜槓替換爲正斜槓，結果失敗 js的字符串是不能直接寫單個反斜槓的 let str = 'src\aaa\bbb\ccc' 實際上會變成 'srcaaa\b
2024-01-11 13:40:40
原创 echarts選項變化後，圖表不更新
echarts做地圖下鑽，全國地圖切換省份地圖使用 chart.setOption(option) 後地圖不刷新，原因如下： setOption有三個參數 chart.setOption(option, notMerge, lazyUpd
2024-01-06 13:43:31
原创 echarts圖例顯示不全問題
echarts圖例顯示不全，非常隱晦的一個原因是 option的data的對象name存在重複 echarts的圖例對name進行了自動去重 解決方法 將data的對象name改爲非重複的 對象使用其他屬性掛載原name 通過formatt
2024-01-04 13:43:08
原创 echarts的餅圖顯示多列問題
echarts的餅圖顯示多列，要改成單列，設置了height也不管用 原因居然是，data必須設置，字符串數組或者{name: ...}對象數組，牛逼 legend: { type: 'plain', orient: '
2024-01-04 13:43:08
原创 表頭拉伸和分欄拉伸方案
1. 純css極簡版 resize: horizontal; 缺點: 只能在右下角很小的範圍顯示拉伸鼠標，且樣式範圍反斜線 2. 純css美化版 //隱藏掉反斜線 .container::-webkit-resizer { ba
2023-12-30 13:47:07
原创 whistle代理工具記錄
whistle功能還是很不錯。 一切的哲學，基於 rules 攔截，values 取值。 rules 配置指定的url(支持通配符和正則)進行攔截，攔截後可進行，替換，跳轉等操作 values 支持各種格式的文件 js，css，json等
2023-12-29 13:38:24
原创 requestly調試首選
chrome插件requestly異常強大，常用的調試要求都能實現 1. 修改request 2. 修改response 3. 修改header 4. Allow CORS 跨域 5. 替換 js 或 css 文件 6. 注入 js 或 c
2023-12-28 13:39:38
原创 對象深比較代碼
const person1 = { "firstName": "John", "lastName": "Doe", "age": 35 }; const person2 = { "firstName":
2023-12-25 13:43:40
原创 網頁黑白灰色讓人厭煩
網頁的文檔完全使用黑白灰，即使文檔寫的很清晰，也會給人一種厭煩的感覺，讓人沒有意願去讀完。 適當加一些淺系配色，會給人一種層次分明，眼前一亮的感覺，激發人的讀取慾望。 某些開源文檔工具，可適當改進一下，提升文檔層次。
2023-12-22 13:44:15
1
原创 調用並調試函數
debug命令可以調用並調試一個函數 在我們想要查找問題並進行詳細調試的時候，一個簡單的技巧就是先調用一下 debugger 命令。例如，假設我們有以下形式的函數： function fn() { /* 某些代碼 */ } 可以在自
2023-12-21 13:49:29
原创 頁面保活實現思路
1. 頁面保活應用場景 列表頁面跳轉到詳情頁面，要保留列表頁面分頁後的頁碼，搜索到的數據，搜索鍵值，高亮狀態，甚至是頁面上其他表單的內容等。 2. 頁面保活實現思路 2.1 不跳轉 用抽屜或模態框編輯詳情，不離開列表頁，最佳 2.2 vue
2023-12-21 13:49:29
原创 border-image用法總結
border-image 支持 漸變，可實現虛線邊框，斑馬紋邊框 border-image 支持在外部顯示圖像，不佔空間，不影響佈局，且不受overflow:hidden限制 border-image，box-shadow，outline
2023-12-20 14:34:18
2
原创 visibility:hidden元素獲取不到子元素
visibility:hidden的元素，修改爲visible後，querySelectAll獲取子元素，無法獲取到 目前定時器延遲300ms獲取沒問題，Mutationobserver來獲取是否可行，待驗證
2023-12-16 13:47:09