helloworld

一些练手的静态页面

1、仿百度搜索

• 主要知识点： 使用jsonp跨域请求获取百度接口返回的数据，动态创建script标签引入得到的数据。
  兼容性注意：IE9及以上支持addEventListener，IE9以下用attachEvent,IE9以下都不支持document.getElementByClassName
  FireFox的event只有target属性没有srcElement属性，IE下document.onclick无效，document.body.onclick有效。其他浏览器document.onclick有效
  
• 作品地址
  

2、仿中国机械设备网 首页-登录-注册

• 主要是布局练习，html标签的使用，css编写规范，注册表单验证
  
• 作品地址
  
  

3、仿 cannytop.com 首页

• 主要知识点： bootstrap下拉菜单(Dropdown)、owl.carousel.js、bootstrap栅格系统
  
• 作品地址
  
  

4、canvas 时钟 

• 主要知识点：canvas的应用
  
• 作品地址
  
  

5、3D旋转图片

• 主要知识点： perspective、 transform-style、 transform-origin
  
• 作品地址