Awesome Open Source
Awesome Open Source

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)常规处理
Related Awesome Lists
Top Programming Languages
Top Projects

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Html (241,166
Css (142,245
Json (39,393
Web (37,375
Jquery (26,475
Ajax (7,699
Html Css (2,415
Imooc (106