原创 詳解前端緩存，解決前端換包之後環境中仍會出現舊版效果

　　前端項目修改了很多東西：比如bug啊，樣式啊。當你把前端項目打包之後滿心歡喜的在 Nginx（測試環境）換上它，然後在 Jira 上修改bug狀態@測試人員複測。然後測試人員開始找你battle了，你的bug怎麼還是沒修改啊，但是你明明

2023-01-02 14:01:55

原创 Safari瀏覽器對SVG中的<foreignObject>標籤支持不友好，渲染容易錯位

　　在 svg 中需要寫一個 markdown 編輯器，需要用到 <foreignObject> 繪製來html，編輯器選擇了 simplemde。大致html部分結構如下，<markdown-editor> 組件爲定製封裝好的 simpl

2022-12-26 14:01:24

原创 WebKit策略：<foreignObject>可用於繪製svg中的html標籤，但與<use>搭配不生效

　　在<svg>裏面可以利用<foreignObject>繪製html標籤，原本是我在iconfont採用Font class方式引入svg的無奈之舉。 　　起初的設計是所有icon先在<defs>中先渲染，以達到icon複用的效果，ico

2022-11-13 14:01:29

原创 npm link本地開發調試組件庫/模塊包

　　如果很多前端項目共用一個組件/方法，那麼這個組件/方法就會被剝離出來，抽取出來的多了，就會成爲組件庫/模塊包，這樣做的好處就是，每次我們只要單獨對組件庫/模塊包進行維護就可以達到所有項目裏所引用組件/模塊的更新。 　　以vue項目的組件

2022-10-23 14:12:40

原创 vue2.x核心源碼深入淺出，我還是去看源碼了

　　平常的工作就是以vue2.x進行開發，因爲我是個實用主義者，以前我就一直覺得，你既然選擇了這個框架開發你首先就要先弄懂這玩意怎麼用，也就是先熟悉vue語法和各種api，而不是去糾結實現它的原理是什麼。甚至我可以這麼說，你沒有看過源碼，只

2022-10-08 14:02:18

原创 教大家怎麼看monaco-editor的官方文檔

　　最近業務中有用到瀏覽器在線編輯器，用的是monaco-editor，官網文檔只在首頁介紹了npm安裝方式。 　　但其實還有另外一種<script>的引入方式，但是這種方式體現在API文檔中，由於API文檔晦澀難懂，大家也沒注意到，就會

2022-09-04 14:07:10

原创 記錄一下上海疫情期間我爲期1個多月的線上面試經歷

　　2022年3月份始上海爆發了新一輪的疫情，始料不及，從4月份開始，打工人陸陸續續都開始了居家辦公。在這期間，我就抱着騎驢看唱本的心態試着線上面試了幾家公司，幾乎都是在拉鉤或是BOSS直聘上聯繫的，別的來源似乎也不是很靠譜，然後記錄一下這

2022-07-15 14:02:10

原创 使用Jenkins實現前端自動化打包部署（Linux版本）

　　我們這邊好多小組覺得每次測試人員叫我們開發打包部署到某某個測試環境人工操作比較麻煩，因爲他們想做到只專注於開發，不管這些瑣碎的事。於是有個組長問我前端能不能用Jenkins去執行這一個固定的流程，因爲他們後端都是用Jenkins去實現自

2022-04-02 14:01:58

原创 前端vue下載文件時blob返回流中怎麼獲取文件名

　　我很久之前寫了一篇前端vue利用blob對象下載文件，有些人私信我，如果後端返回流失敗，給出的json對象該怎麼獲得？前端獲取的流怎麼能獲取原文件名？其實在那篇文章之後，我就已經針對這兩個問題進行了優化，於是就有了這篇。 　　首先，針對

2022-03-08 14:02:04

原创 如何將Grafana的數據集合到自己前端項目的數據駕駛艙中

　　Grafana是可以提供API Keys給你可以讓你直接使用從Grafana獲取來的數據來搭配其他圖形工具來實現數據監控圖的。雖然它本身也可以顯示數據，但是有時候數據很全面且分散在不同頁面，而有些運維同學只需要某些重要的數據，不能一下子

2022-03-08 14:02:04 2

原创 js小數點計算丟失精度

　　有時需求中會有前端校驗輸入數字金額的時候，判斷，幾個輸入框的金額合計是否大於小於或等於某個整數，在輸入的值可以爲小數的時候，很容易就出現js小數點計算丟失精度問題。比如下圖 　　js高級程序設計（我這版是第3版）在3.4.5Numbe

2022-03-08 14:02:04

原创 總結下js排序算法和亂序算法

　　其實本人最怕的就是算法，大學算法課就感覺老師在講天書，而且對於前端來說，算法在實際的應用中實在是很有限。畢竟算法要依靠大量的數據爲基礎才能發揮出算法的效率，就瀏覽器那性能，......是吧，退一萬步說，真的有人把這大量的數據處理業務放到

2021-03-26 14:11:48

原创 怎麼寫一個帶名字滾動的抽獎頁面

　　最近甲方公司年會，年會上必不可少的一個環節就是抽獎，於是需要一個帶人名滾動的抽獎頁面。 　　有兩種思路可以參考：1是可以進頁面之後抽獎之前就已經隨機分好中獎人員的名單，人名滾動純屬效果，等到按停止按鈕的時候直接顯示上已分配好的名字；2是

2021-01-15 14:11:26 5

原创 SkyWalking拓樸圖group功能改造

　　用過SkyWalking的拓樸圖功能都知道，裏面有個組功能，見左下角Create Group按鈕，我稱之爲域，一個組就是一個子域，這個功能還是很重要的，因爲如果一個月內活躍的服務器很多，整體的拓樸圖就會密密麻麻，點擊左上角All ser

2020-12-25 14:18:19 2

原创 利用nginx爲多個xxljob配置統一入口

　　如何利用nginx爲多個xxljob配置統一入口，而且用戶登錄後ip固定不會飄？ 　　首先，需要確保這些xxljob的上下文路徑是一致的，上下文路徑可以在根目錄下xxl-job-admin/src/main/resources/appl

2020-12-25 14:18:19 2