xifengxx / demo

Web前端实战案例

demo Web前端实战案例

##案例

案例1： Web前端开发工程师-网易微专业毕业设计

####涉及技术点：

1. HTML + CSS 基本布局；
2. 登录弹窗组件 + cookie 设置。
3. 链接hover、鼠标悬停浮层等交互效果设计；
4. 轮播头图实现；
5. 内容区Tab切换；
6. video视频弹窗实现；
7. AJax + JSON 实现网站前后端交互设计，自动生成内容；
8. @media实现网页动态布局效果（宽屏+窄屏）。

案例2：通过Ajax实现动态无刷新页面进行查询/添加操作。

涉及技术点：

1. HTML+CSS简单布局
2. Ajax + JSON 实现页面查询/添加操作。
3. jQuery基础运用
4. Ajax跨域解决方案（JSONP + CORS）

案例3：瀑布流布局实现。

涉及技术点：

1. HTML+CSS简单布局
2. jQuery基础运用 3.瀑布流布局实现3种方法：原生JS、jQuery、CSS3

案例4：企业网站综合布局实战-imooc

涉及技术点：

1. HTML + CSS 基本知识
2. 清除浮动float
3. 盒子模型
4. 两列自适应布局、三列布局
5. JavaScript+jQuery运用。
6. 焦点图特效

案例5：电商网站布局

涉及知识点

1. HTML + CSS 基本知识
2. 焦点图制作
3. 导航栏、菜单栏等布局
4. 整站开发及编写代码规范
5. 浏览器兼容(IE6/IE7/IE8)常规处理