个人主页
个人主页
个人主页是我的早期的练习项目
初期是为了练习Bootstrap而设计的
之后独立编写或使用插件实现loading遮罩层、滚动动画等功能
个人主页展示了我的部分个人作品、学习进度及学习计划
学习进度
- 完成《Headfirst HTML与CSS》的学习，掌握HTML及CSS；
- 完成《JavaScript DOM编程艺术》的学习，掌握DOM操作；
- 完成《锋利的jQuery》的学习，熟练使用jQuery；
- 完成《JavaScript高级程序设计》的学习，对难点进行逐渐消化理解；
- 完成《CSS权威指南》的学习；
- 正在进行《JavaScript权威指南》的学习。
学习计划
- 学习《JavaScript语言精粹》；
- 学习《ECMAScript 6 入门》；
- 学习NodeJS；
- 学习Vue.js。
仿京东首页
仿京东首页
仿京东首页由我独立编写完成
在尽量不使用插件的情况下对页面布局及行为进行练习
实现了焦点图轮播、下拉菜单、CSS3动画应用、AJAX加载、元素坐标与滚轮事件结合等功能
通过锻炼，熟练掌握了HTML(5)、CSS(3)、JavaScript(DOM操作、事件委托、模仿块级作用域等)及jQuery(选择器、动画、事件、jQuery对象扩展等)
完全手动编写，实现京东首页的内容/样式/行为，与原版保持一致
使用Ajax获取一些非常用数据
使用懒加载获取非当前视口的数据
使用Page visibility API使页面不可见时停止轮播动画
兼容至IE9并持续优化中
FreeCodeCamp项目
FreeCodeCamp项目
我于2016年11月加入FreeCodeCamp
目前基本完成FreeCodeCamp中前端项目的学习与开发，已获得FCC前端开发认证证书
每个项目及挑战均独立完成，在学习中锻炼了动手能力以及算法和逻辑思维能力
已完成挑战
258/258
已完成算法
46/46
已完成项目
11/11
我的博客
我的博客
于11月16日在cnblogs开通我的博客，作为学习记录之用
本着生命不息，折腾不止的精神将博客样式进行了折腾
目前为止的三个月内，坚持做学习笔记与感悟102篇，其中CSS相关22篇，JavaScript相关68篇
将坚持把学习笔记与学习感悟记录在此
Ajax相关项目
Ajax相关项目
Random quote
随机获取名人名言
天气组件
根据免费天气API获取全国任意城市天气及未来两天预报
维基百科查询
根据英文维基API获取与查询结果最匹配的十个项目
Twitch直播Dota2频道查询
根据Twitch直播API获取Dota2频道最具人气的主播列表
轮播插件
轮播插件
样式类似于亚马逊首页的轮播图，可以实现任意个图片的轮播
有两种轮播方法：无差别滚动和淡入淡出
img的alt值将作为轮播图下方的描述信息,如果没有alt信息，则使用数字索引
使用Page visibility API使页面不可见时停止轮播动画
另外使用CSS3动画实现了一个3D的旋转轮播效果，但尚未全部完成
利用这个小项目提高了我的jQuery以及CSS3使用能力，包括插件编写、动画使用、DOM操作等方面都得到了锻炼
其他项目
其他项目
A short time ago in a browser very, very close…
Other Projects其他项目
EPISODE VII
其他项目
这里包括了我的一些小DEMO，来源于一些思考或者收藏或改进的代码片段。
1、Loading的点点点效果，使用text-shadow实现。在学习过程中受到启发而实现的一个小功能。
2、<table>元素的点击表头排序功能。根据JavaScript权威指南学习过程中收藏的代码片段改进而来，可实现点击从小到大排序，再次点击反向排序的功能。
3、绝对定位元素的拖拽功能。根据鼠标事件实现绝对定位元素的拖拽DEMO。
4、后期将继续更新。
ENDED……
