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