一个极简静态单网页小工具的实现
概述
京东每日羊毛是一个可在微信内每日薅京东羊毛的网页小工具,它具有如下功能:
- 介绍京东平台最新最多羊毛的活动
- 提供京东平台的羊毛攻略
- 越狱微信屏蔽直接跳转京东APP或者京东金融APP进入羊毛活动。
详细介绍请参考工具介绍
技术特点
- 静态单网页,纯HTML+JavaScript的实现,因此直接部署在github和国内的Gitee上,使用
git
命令就可以直接发布更新。 - 非常轻量,最小内容的网页大小仅有11K字节,因此即使是放在
github
这种国内访问速度很慢的网站上,加载速度仍然可以接受。 - 界面与操作的设计尽量简单,以满足用户每天用尽量少的时间去薅羊毛的需要。
主要采用技术
- 开发工具使用VS Code加扩展MinifyAll、Open in Browser来进行开发。
- 使用了Web Components这套技术来自定义HTML元素(custom elements),这样在自定义元素开发完之后,往网页中添加新的羊毛活动标签就变得非常简单,大大提高网页运维的成本。关于如何添加一个新的标签,参考本文的