镖师 发表于 2025-6-6 10:36:34

今天给社区某个大哥写的导航站

这是今天社区某个大哥定制的导航站首页,和大哥沟通了将近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%了,还有需要调整的地方,避免出错,示例图发出来大哥是允许的,后期给大哥的代码也是开源的,不过大哥不希望我公开的他网页书签的网站,大家有需求,看图自行搜索对应的网站吧!


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

TyCoding 发表于 2025-6-6 10:36:41

能不能把我的网站添加到导航站上,我有中文,英文,法语和西班牙语这四种

IT618发布 发表于 2025-6-6 10:37:11

这个不是我的网站,我只负责写静态代码以及补充雇主提供的浏览器书签中的网站,其他的我不能擅作主张加进去

独家记忆 发表于 2025-6-6 10:37:59

厉害

婷姐 发表于 2025-6-6 10:38:28

看着还行,是不是响应式的

浅生 发表于 2025-6-6 10:38:40



响应式的啊

独家记忆 发表于 2025-6-6 10:39:05

技术可以啊,一般用什么程序二开? 留个联系方式

独家记忆 发表于 2025-6-6 10:39:30

JS能精简下就好了

独家记忆 发表于 2025-6-6 10:39:53

楼主太牛逼了。貌似我现在也不会响应式的CSS啊,所以为了精简CSS的需求,我大多用layer组件。不用写太多CSS刚仿了一个微信@用户列表的。

开始我也想自写CSS的,结果发现有点难度啊

拾光 发表于 2025-6-6 10:40:06

老板要求是静态页面,没有程序!按老板需求写
页: [1] 2
查看完整版本: 今天给社区某个大哥写的导航站