diyes/frontendnav

:label: FrontEndNav，前端网站收藏，前端网站导航，webhub, f2e , fe收藏集

FrontEndNav

​

🏷️ FrontEndNav是Hulkye推出的前端导航，收录了大量高质量前端相关站点，为广大用户提供学习网站、学习方向、学习途径、最新前端框架等内容。收录国内外前端网站。

​ 本项目初衷是方便自己的学习 , 满足自己的收集癖 😉, 提高自身开发效率 . 也拓展为为初学前端开发 / 前端开发人员服务的前端导航网站 , 如有什么建议 / 意见 欢迎在issue中指点出来😄

---

项目地址: https://github.com/Hulkye/FrontEndNav

查看效果请移步:

• http://nav.web-hub.cn/
• or: https://hulkye.github.io/FrontEndNav

效果展示

PC端效果图:

---

移动端效果图:

使用技术

• jquery实现基本业务
• 媒体查询实现响应式
• Sass进行样式书写方便维护
• 使用iconfont提供的图标
• ajax请求json文件
• art-template页面渲染
• echo.js实现图片懒加载
• nprogress实现页面加载进度条

贡献

如果你有更好的网站推荐 , 欢迎在Issues 中提出

数据如:

"item_children": [
    {
        "child_name": "GitHub",
        "img_src": "./img/github.png",
        "a_href": "https://github.com/",
        "child_desc": "一个面向开源及私有软件项目的托管平台,全球最大同性交友网站"
    },
]

参考

本项目参考 alloyteam前端网站导航设计 , 根据其项目效果实现 .

地址: http://www.alloyteam.com/nav/