Skip to content

xifengxx/demo

Repository files navigation

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)常规处理

About

Web前端实战案例

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published