時鐘元件
16年8月,我還是一個實習生,一個不知道 js 基礎的重要性的小白。有段時間,老大沒有什麼任務給我,無聊之際,想到用 canvas 畫一個時鐘。那會我還會經常去逛慕課網,於是將自己寫的程式碼發到慕課網。這個是地址:ofollow,noindex">https://www.imooc.com/article/9695 ,之後,慕課網上就相繼出現各種各樣有關 canvas 時鐘的教程或者文章(說這個只是想說明 canvas 時鐘是我自己的想法,不是從別人那來的)。
後來,興趣來了,在原有的基礎上新增一些比較實用的功能(我認為比較之前的,哈哈),將它整理成一個 jquery 元件。這個是元件的 github 地址 :https://github.com/lonlyape/clock
本來呢,這個元件的事就到這子,因為我的專案中也沒咋用這元件。再加上,我後來的專案一般都是用 vue 寫的,所以,這個元件就這樣被擱那了。
……
去年7月(也就是17年7月),我們的 ui 給我的一張設計稿(一個搜尋列表,每一條記錄前有一個時鐘 icon)讓我想起了這個元件。這個不是可以用我的那個元件來實現嗎,而且後臺介面配合一下,還可以用這個展示每條搜尋是在那個時刻發生的。於是我就把我這個元件給引進來了(當時那個專案原本就引進了 jquery,所以引入這個元件也沒啥影響)。那時我就在想,既然這個元件有用,我現在的專案又都在用 vue 寫,那我為何不把它寫成 vue 元件的形式呢,於是,我又在空閒時間寫起了這個元件,有時想法來了,圖片背景?這個功能可以加,抽空加上了。羅馬數字?這個可以加,抽空加上了。時區?這個有趣,加上……
……
斷斷續續,來到了今年9月(即18年9月)。這個元件稍微有點樣子了,我何不把它放到 npm 上呢。要釋出到 npm 上,我這個專案還要做一些規範的處理,比如符合 vue 元件的打包,比如使用文件。比如……等等。完成這些,時間來到了今年的10月。
終於
npm login
npm publish
我的這個元件釋出到 npm 上了。
這個是 vue 元件的 github 地址:https://github.com/lonlyape/vue-clock
在這裡寫我開發這個元件的經歷,希望對你有點啟發,也希望我寫的這個元件能對你有所有幫助。