# FrontEndNav

**Repository Path**: xn213/FrontEndNav

## Basic Information

- **Project Name**: FrontEndNav
- **Description**: :sunny: :two_hearts: :two_hearts: :sparkles: FrontEnd websites collected
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-03-27
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# FrontEndNav

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

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


---


**项目地址:** https://github.com/xn213/FrontEndNav

**查看效果请移步:** 

- or: https://xn213.github.io/FrontEndNav


## 效果展示

***PC端效果图:***

![PC-view](./img/PC-view.png)


---


***移动端效果图:***

![mobie-view](./img/mobie-view.png)


## 使用技术

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



## 贡献

如果你有更好的网站推荐 ,  欢迎在[Issues](https://github.com/xn213/FrontEndNav/issues) 中提出

数据如:

```json

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

```



## 参考

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

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