/FrontEndNav

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

Primary LanguageCSSMIT LicenseMIT

FrontEndNav

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

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


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

查看效果请移步:

效果展示

PC端效果图:

PC-view


移动端效果图:

mobie-view

使用技术

  • 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/