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