FrontEndWebDeveloperNanodegreeHomework

This is the homework of Front-End Web Developer Nanodegree on http://mooc.study.163.com/smartSpec/detail/12001.htm ##DEMO http://ljwrer.github.io/FEHomework ##要求

• 兼容IE8+
• 使用原生JavaScript
• 宽屏窄屏自适应布局
• 使用Ajax刷新页面

issue

1. 卡片内容只有前4页为真实数据
2. Ajax获取的分类信息为null
3. 默认备选文字为微软雅黑
4. 未设置favicon.ico
5. IE8无响应式
6. IE8圆点改为方块
7. 将css媒体查询部分，开启注释中的内容可能更符合设计稿，但宽度不够时可能会有底部滑动条
8. banner图片宽度不够1920，且底色部位纯色，在高度固定且内容居中的要求下，高分辨率显示器会强制拉伸图片并隐藏图片底部部分内容，去掉媒体查询部分的css则不会拉伸，但会显示空白
9. 工作环境相关的图片总宽度不够1920，且底色不为纯色，在高度固定且内容居中的要求下，高分辨率显示器两边会显示部分空白
10. 排行榜滚动方式未指定，设为先向上滚动然后向下滚动
11. 卡片生成函数使用innerHTML代码更为精简
12. 排行榜获取的图片大小与设计稿不符，为避免图片变形，仅限定高度