FrontEndNav

​

FrontEndNav是一个专注于前端资源的导航网站，收录了大量高质量前端相关站点，为广大用户提供学习网站、学习方向、学习途径、最新前端框架等内容。收录国内外前端网站。

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

---

项目地址: github.com/Hulkye/Fron…

查看效果请移步:

• nav.web-hub.cn/
• or: 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前端网站导航设计 , 参照其项目整体效果实现 .

• PC端参照其设计并优化布局（修复侧边栏不能滚动问题）
• 移动端，重新按照自己的审美修改布局及样式

alloyteam 前端导航地址: www.alloyteam.com/nav/