筆者是一個平平無奇的前端打工人，沒有參與過啥熱門開源項目的共建，所以每次說自己熱愛開源都很心虛，充其量就是熱愛使用開源項目，不過這兩年來也陸續做了幾個小項目，雖然只有時不時的...
發簡信
IP屬地：浙江
-
這些年我開源的幾個小項目 -
我做了一個在線白板！！！
相信各位寫文章的朋友平時肯定都有畫圖的需求，筆者平時用的是一個在線的手繪風格白板--excalidraw[https://excalidraw.com/]，使用體驗上沒的說，...
-
【譯】繪制一棵漂亮的樹ps.本文是對https://llimllib.github.io/pymag-trees/[https://llimllib.github.io/pymag-trees/]...
-
基于Vue2.x的前端架構，我們是這么做的通過Vue CLI可以方便的創建一個Vue項目，但是對于實際項目來說還是不夠的，所以一般都會根據業務的情況來在其基礎上添加一些共性能力，減少創建新項目時的一些重復操作，本著學...
-
為了實踐微前端，重構了自己的導航網站筆者早期開發了一個導航網站，一直想要重構，因為懶拖了好幾年，終于，在了解到微前端大法后下了決心，因為工作上一直沒有機會實踐，沒辦法，只能用自己的網站試試，思來想去，訪問量最高...
-
Vue動態組件的實踐與原理探究我司有一個工作臺搭建產品，允許通過拖拽小部件的方式來搭建一個工作臺頁面，平臺內置了一些常用小部件，另外也允許自行開發小部件上傳使用，本文會從實踐的角度來介紹其實現原理。 ps...
-
揭開Vue異步組件的神秘面紗簡介 在大型應用里，有些組件可能一開始并不顯示，只有在特定條件下才會渲染，那么這種情況下該組件的資源其實不需要一開始就加載，完全可以在需要的時候再去請求，這也可以減少頁面首次...
-
如何實現一個vue組件庫的在線主題編輯器
前言 一般而言一個組件庫都會設計一套相對來說符合大眾審美或產品需求的主題，但是主題定制需求永遠都存在，所以組件庫一般都會允許使用者自定義主題，我司的vue組件庫hui的定制主...
-
使用vue實現排序算法演示動畫
緣起 最近做的一個小需求涉及到排序，界面如下所示： 因為項目是使用vue的，所以實現方式很簡單，視圖部分不用管，本質上就是操作數組，代碼如下： 這樣就可以正常的交換位置了，但...
-
淺析組件庫實現按需引入的幾種方式按需加載是所有組件庫都會提供的一個基礎能力，本文會分析ElementUI、Vant及varlet幾個組件庫的實現并進行相應實踐，幫助你徹底搞懂其實現原理。 先搭個簡單的組件庫...
-
淺析組件庫實現按需引入的幾種方式
按需加載是所有組件庫都會提供的一個基礎能力，本文會分析ElementUI、Vant及varlet幾個組件庫的實現并進行相應實踐，幫助你徹底搞懂其實現原理。 先搭個簡單的組件庫...
-
手把手教你實現在Monaco Editor中使用VSCode主題背景 筆者開源了一個小項目code-run[https://github.com/wanglin2/code-run]，類似codepen的一個工具，其中代碼編輯器使用的是微...
-
Vue0.11版本源碼閱讀系列五：批量更新是怎么做的
在第三篇vue0.11版本源碼閱讀系列三：指令編譯[https://juejin.cn/post/6918313229449953293]里我們知道如果某個屬性的值變化了，會...
-
如何手動解析vue單文件并預覽？開頭 筆者之前的文章里介紹過一個代碼在線編輯預覽工具的實現（傳送門：快速搭建一個代碼在線編輯預覽工具[https://juejin.cn/post/6965467528600...
-
一文搞懂jsBridge的運行機制
我司的APP是一個典型的混合開發APP，內嵌的都是前端頁面，前端頁面要做到和原生的效果相似，就避免不了調用一些原生的方法，jsBridge就是js和原生通信的橋梁，本文不講概...
-
如何實現一個vue組件庫的在線主題編輯器
前言 一般而言一個組件庫都會設計一套相對來說符合大眾審美或產品需求的主題，但是主題定制需求永遠都存在，所以組件庫一般都會允許使用者自定義主題，我司的vue組件庫hui的定制主...
-
手把手教你實現手繪風格圖形Rough.js[https://roughjs.com/]是一個手繪風格的圖形庫，提供了一些基本圖形的繪制能力，比如： 雖然筆者是個糙漢子，但是對這種可愛的東西都沒啥抵抗力...
-
帶你實現一個簡單的多邊形編輯器開頭 多邊形編輯器少數見于一些圖片標注需求，常見于地圖應用，用來繪制區域，比如高德地圖： 示例地址：https://lbs.amap.com/api/jsapi-v2/exa...