这是今天社区某个大哥定制的导航站首页，和大哥沟通了将近1个小时才明确需求

1.要求整站静态页面，不使用后端，仅仅依靠html+css+js实现全部功能，我问大哥后面还要添加网站怎么办，大哥说，有一点html+js基础，让我在代码中添加注释即可，后续大哥添加什么网站，他根据注释内容提示来就好，所以有没有后端，大哥觉得无所谓

后续因为大哥增加功能需求（两项，一是页头获取访客ip归属地，原本打算调用第三方接口，但是大哥不乐意，怕接口失效了功能烂尾，让我用ip离线库，比如纯真或者ip2region，后面再网上找了ip2region；二是大哥想要调用热搜榜，并给我提供了网上开源的hotlist聚热搜热榜PHP，然后在没有的基础上，增加比如虎扑热榜、澎湃热榜、创业邦热榜等热门榜单），所以加入了一定的php调用

2.网站数据，大哥是通过网页书签形式给我的，让我手工在html+js中实现，还好网站不多，不然没有后端数据导入，手录都费劲！

3.目标网站不使用内页+go.php跳转形式，因为没有后端。如果这个也要写，工作量就大的过分了。我原本计划是打算直接href="网址" + no-follow形式，但是大哥说页面链接存在大量no-follow不好，让我想其他办法，然后使用了a标签的onclick功能，代码示例如下onclick="linkTo('caict')"
明确需求，然后就是写代码，由于大哥对于模版要求是原创的，没有借鉴，只能根据需求来写，因为不是仿站，所以css写起来不复杂，但是繁琐，调整起来有点慢，耽误的时间比较多，没和大哥多要，200块钱三天交付，目前写了80%了，还有需要调整的地方，避免出错，示例图发出来大哥是允许的，后期给大哥的代码也是开源的，不过大哥不希望我公开的他网页书签的网站，大家有需求，看图自行搜索对应的网站吧！


因为是滚动长截图，所以左右侧悬浮模块会出现