• 弹幕评论

    hi,你好!点击这里来评论下我的博客吧!下方有很炫的弹幕功能,在评论里的每一句话,字体大小,颜色,高度,循环,延迟时间都不一样,这样动态的评论,对写作者来说简直棒极了,你不需要一页页翻找、一条条查看,所有信息都以随机的形式,不同的样式出现再你的眼前,她们是彩色的,自由的,高效的,巧合的,而你是受欢迎的,有一种正在直播的味道。这完全是我头脑发热做的,博客中第一个功能。

  • 数独游戏

    这是非常棒的益智游戏,在学习前端之初练习过一个数独(又称"九宫格")的静态页面,那是一个现在看来非常简单的table,但当时我竟然写了81个"td"标签,现在终于可以用js实现了它了。完全的js渲染表格,随机取题,计时器功能,用正则表达式圈住每行,每列,每宫,组成数组,重复数字处理。这也是我头脑发热想做的,第一款游戏。

  • 移动相册

    点开这个需要在手机模式下查看效果,采用zepto插件,这是一个慕课网webapp的练习,但不仅仅是练习。在原基础上,我通过自己的思路和方法实现,并且封装了图片等比例缩放和居中函数,好用得不亦乐乎!这是我做的第一个比较webapp作品。

  • 偏平化风格blog

    这也是在慕课网上的练习,是我模仿做的第一个完整的博客,而且很文艺。主要用到html和大量的css,也有回到顶部,伸缩菜单是用Javascript实现的。

  • js原生轮播图

    这是早期一个轮播图实践,原生的Javascript代码,开始做这个练习花了些时间并尝试改造,详情页里有介绍重点的片段代码。

  • 慕课网页面

    这是一个比较完整的模仿教程版本的网站,有首页,列表页和详情页。可以通过首页点击查看。这里面有用到收藏、添加到首页,轮播图插件。

  • 京东导航栏

    较早做的导航栏,有一些小技巧和对实际网站html结构的学习,用dl,dt,dd展示内容代替ul,li列表。还有些小技巧如添加icon,处理衔接处等等。详情里只展示了导航栏效果,未作详细说明。