1、写在前面
之前写了一篇博客《作为一个前端新人,还要不要学 jQuery》 建议大家学习 jQuery,这不,我在学习 jQuery 相关理论知识之余用它给女朋友做了一个小导航网站,不仅使得学习的理论得到了实践,还能让女朋友开心开心,多好 😉。
然后这里是网站的部分截图,附上预览链接:传送门 ~
2、站点介绍
本站创立于 2020 年 03 月 23 日,做该项目的出发点来自于女朋友的一个日常行为,我发现每次她在看论文找资料的时候, 都需要找到指定的网站并搜索关键字,可能打开的标签页很多,这不免有一些混乱,我想是不是可以为她做点什么? 于是就有了这个 “小傻瓜导航站点” 👻。
本站最大的特点在于,不需要打开指定的网站即可通过关键字搜索目标网站的资料,这会省去不少找网站的时间,相比将网站存到浏览器书签要方便的多。 本站主要关联的几个网站有:“百度”,“知乎”,“CSDN”,“GitHub”,“超星发现”,“百度学术”,“读秀” 等。同时,本站也提供了添加网站快捷方式的接口。
经过断断续续的迭代,本站在原来的基础上对样式进行了一轮优化,并添加了代办事件、旅游城市、小愿望、切换背景图片、照片墙、纪念日等功能, 并于 2021 年 06 月 01 日 发布第一个正式版本 🎉。
ps:本站有借鉴前人的地方,比如本站的纪念日页面,还有看板娘部分,都是我之前在网上不经意间发现后抠出来的,不知道开发的作者是谁,有知道的小伙伴可以告诉我一下,如果存在侵权行为的话我一定会妥善处理 ~
3、你也感兴趣?
由于最初只是想给女朋友做一个方便日常工作和学习的小导航站点,并不打算面向大众用户,而且开发本站时正值我学习 jQuery 之际, 所以本站也算是我个人的一个学习和实践的小项目,没有什么高深的架构设计和奇技淫巧,如果你感兴趣的话,不妨使用该源码搭建一个非常有趣的导航网站送给你的女朋友 😉。
哦哦,我忘了,你怎么可能会有女朋友呢 🐶。既然没有,那还不赶快去找一个,等着国家给你发呢?😒。皮一下很开心 🤭。
这是仓库链接:传送门 ~,感兴趣的小伙伴可以 fork 或 clone 该项目,然后在本仓库的基础上做改进,无论是自己学习或是当作一个礼物送给女朋友都是一个不错的选择 ~。如果再能点个 star 的话,那就再完美不过了 😘。
一个人的力量毕竟是有限的,在使用本站的过程中若出现任何问题,非常欢迎各位给我留言和反馈 ~
4、2.0 Todo List
因为毕业和论文的一大摊子事情,本站的迭代和更新的速度可能暂时较慢,但是仍然会继续下去,我还是会根据自己的一些 idea 或女朋友的需求做一些相关的改进。目前也有在做第二个版本的开发计划:
丶 目前小网站完全是一个静态页面的形式,下一步打算增加服务端,现在也正在抽时间学习 Node.js。有了服务端的加持将会大不一样,比如,女朋友在小网站上许的小愿望和在地图上标记想去旅游的地方我就可以直接看的到了。What a wonderful function!
丶 小网站在添加网站快捷方式时显示的图标是小豆丁 icon,虽然可爱但不如直接显示网站的原始图标直观。下一步打算让用户自定义选择是否显示网站原始图标,目前还不知道怎么获取网站的原始图标,希望有会的前辈指点我一下,不胜感激 ~
丶 目前小网站的背景是我选的几张个人认为比较好看的图片,等写好了服务端,用户可以根据自己的喜好上传本人喜欢的图片作为网站背景,不同用户有不同的背景图,这可能需要增加登录功能。
丶 小网站目前关联的高级搜索网站是固定的,接下来打算扩展新增高级搜索接口。
丶 由于小网站的照片墙部分涉及的图片较多,下一步会做一些图片懒加载和预加载相关的优化。