前端DEMO

我封装的一些方法库

我封装的DOM库(第一版) http://taobao.fm/archives/1296
我封装的DOM库(第二版) http://taobao.fm/archives/1330
我封装的DOM库(第三版) https://github.com/Broszhu/My-JavaScript-is-a-clover/tree/master/DOM/%E5%B0%81%E8%A3%85DOM%E5%BA%93
我封装的动画方法(第一版) http://taobao.fm/archives/1487
我封装的动画方法(第二版) http://taobao.fm/archives/1489
我封装的动画库(第三版)  
   
   
   
   

JS学习时候做的小玩意:

苹果计算器 http://taobao.fm/works/easy-counter/easy-counter.html
表格排序 http://taobao.fm/works/table/table.html
模块化开发选项卡 http://taobao.fm/works/tabModel/tabModel.html
异步多图延迟加载 http://taobao.fm/works/imgLoad/index.html
动画基本框架 http://taobao.fm/works/moveThinking/index.html
图片随鼠标移动 http://taobao.fm/works//onmousemove/index.html
事件委托实现小米导航 http://taobao.fm/works/xiaomiNavigation/index.html
电子商务网站放大镜效果  http://taobao.fm/works/Magnifier/index.html
电子商务网站放大镜效果_改1  http://taobao.fm/works/Magnifier_01/index.html
仿游戏网页列表展示  http://taobao.fm/works/gameOnmouseover/index.html
放天猫知名商家导航 http://taobao.fm/works/likeTmall/index.html
日历控件(上) http://taobao.fm/works/onePage/Calendar5.html
   
   
   
   
   
   
   

我做的网站作品

仿拉勾网 http://taobao.fm/works/lagou/about.html
瀑布流 http://taobao.fm/works/waterfall/index.html
原生JS做的电商简历,兼容到IE5 http://taobao.fm/works/my-resume-like-tmall/index.html
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
 

建筑公司网站的全站

建筑公司网站:index.html http://taobao.fm/works/Architecture/index.html
建筑公司网站:about.html http://taobao.fm/works/Architecture/about.html
   
   
   
   
   
   
   
   

手机移端的

仿应用市场的-01(只有框架) http://taobao.fm/works/youku2/list.html
仿应用市场的-02(列表页) http://taobao.fm/works/youku2/detail.html
Zepto+Ajax跨域腾讯Json+图片延迟加载思路 http://taobao.fm/works/imgLoadPhone/index.html
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
 

HTML5+CSS3的

菜单列表页 http://taobao.fm/works/MenuList/index1.html
CSS演示练习思路总结:3|4|5 http://taobao.fm/works/likeCss3/003.html
http://taobao.fm/works/likeCss3/004.html
http://taobao.fm/works/likeCss3/005.html
CSS3+js+模拟JSON 实现有序排行 http://taobao.fm/works/20150726001_ol_table/index.html
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   

 

网页常用的:

 

404页面被外星人绑架了 http://taobao.fm/works/404page/index.html
  http://taobao.fm/works/404page/index2.html
404网页cry泪流满面页面 http://taobao.fm/works/404cry/index.html
禁止复制网页,禁止右键 http://taobao.fm/works/nocopy/index.html
  http://taobao.fm/works/nocopy/index2.html
Math.random()实现随机显示文字 http://taobao.fm/works/mathRandom/index.html
网页大中小字体切换(2个思路) http://taobao.fm/works/fontSize/index.html
获取显示屏的宽度和高度 http://taobao.fm/works/fontSize/index2.html
javascript按键盘← →方向键翻页 http://taobao.fm/works/pageLeftRight/index.html
javascript修改默认滚动条 http://taobao.fm/works/pageLeftRight/index2.html
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   

 

 

CSS+DIV布局:

 

固定中间宽度,左右两栏宽度相等和自适应 http://taobao.fm/works/cssLayout/index0.html
上中下三栏布局,中间自适应 http://taobao.fm/works/cssLayout/index1.html
根据浏览器宽度自动把布局从三栏切换成两栏加底栏(用DOM二级时间处理的) http://taobao.fm/works/cssLayout/index2.html
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   

 

 

———写在最后,感谢分享者——–

学习前端的路上,学到了很多别人分享的经验,因为有很多热心奉献的开发者,所以学习的途中,少走很多弯路!

  • 感谢智能社的公开课视频
  • 感谢JavaScriptDOM编程艺术的作者
  • 感觉JavaScript权威指南这本书背后的团队
  • 感谢JavaScript高级程序第三版背后的团队
  • 感谢w3cschool网站的团队
  • 感谢豪情这位前端开发者的博客
  • 感谢懒人图库团队
  • 感谢张鑫旭博客的前端分享
  • 感谢博客园所有热心分享的博主
  • 感谢V2EX和知乎

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址