一个极简静态单网页小工具的实现

一个极简静态单网页小工具的实现

概述

京东每日羊毛是一个可在微信内每日薅京东羊毛的网页小工具，它具有如下功能:

• 介绍京东平台最新最多羊毛的活动
• 提供京东平台的羊毛攻略
• 越狱微信屏蔽直接跳转京东APP或者京东金融APP进入羊毛活动。

详细介绍请参考工具介绍

技术特点

• 静态单网页,纯HTML+JavaScript的实现,因此直接部署在github和国内的Gitee上，使用git命令就可以直接发布更新。
• 非常轻量，最小内容的网页大小仅有11K字节，因此即使是放在github这种国内访问速度很慢的网站上，加载速度仍然可以接受。
• 界面与操作的设计尽量简单，以满足用户每天用尽量少的时间去薅羊毛的需要。

主要采用技术

• 开发工具使用VS Code加扩展MinifyAll、Open in Browser来进行开发。
• 使用了Web Components这套技术来自定义HTML元素(custom elements),这样在自定义元素开发完之后，往网页中添加新的羊毛活动标签就变得非常简单，大大提高网页运维的成本。关于如何添加一个新的标签，参考本文的