时钟组件

16年8月,我还是一个实习生,一个不知道 js 基础的重要性的小白。有段时间,老大没有什么任务给我,无聊之际,想到用 canvas 画一个时钟。那会我还会经常去逛慕课网,于是将自己写的代码发到慕课网。这个是地址: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

在这里写我开发这个组件的经历,希望对你有点启发,也希望我写的这个组件能对你有所有帮助。

猜你喜欢

转载自www.cnblogs.com/fenghen/p/9788760.html