自学初期所有的demo，从2017年初开始，陆续完成IFE（百度前端技术学院）上的任务，从最基础的纯html+css静态页面，js操作dom完成简单的页面逻辑、综合性的交互、小游戏，到后来的原生实现自定义组件、vue数据双向绑定初探、正则、Phantomn.js数据抓取以及综合性的简易markdown编辑器、仿豆瓣音乐播放器。把整个前端基础知识体系差不多过了一遍，收获颇多。
到后来，索性把啃《js权威指南》时书上的例子、学jQuery+bootstrap、Vue时的实战练习项目也搬到这个库
- 纯HTML页面：demo 代码
- html+css排版：demo 代码
- 三栏式布局：demo 代码
- 定位和居中：demo 代码
- 主栏和侧栏：demo 代码
- 模拟报纸排版：demo 代码
- 常见的技术产品官网：demo 代码
- 响应式网格（栅格化）布局：demo 代码
- 后台管理系统：demo 代码
- Flexbox 布局：demo 代码
- 移动Web页面：demo 代码
- CSS3新特性：demo 代码
- 样式化表单：demo 代码
- 输入空气质量指数：demo 代码
- 城市空气质量指数排名：demo 代码
- 城市空气质量指数排序：demo 代码
- 队列增删：demo 代码
- 队列排序：demo 代码
- 队列查询：demo 代码
- 可视化二叉树遍历：demo 代码
- 可视化树的遍历：demo 代码
- 可视化树的遍历、查询：demo 代码
- 可视化树的遍历、查询、增删：demo 代码
- 点击事件：demo 代码
- 数字时钟：demo 代码
- JS震动、淡出动画：demo 代码
- 拖动文档元素：demo 代码
- 处理鼠标滚动事件：demo 代码
- 自定义拖放源：demo 代码
- 作为拖放目标和拖放源的列表：demo 代码
- 过滤用户输入：demo 代码
- 强制输入大写字母：demo 代码
- 优雅的图片翻转：demo 代码
- 显示简单的svg图形：demo 代码
- svg饼状图：demo 代码
- svg时钟：demo 代码
- canvas科勒雪花：demo 代码
- canvas绘制曲线：demo 代码
- canvas裁剪：demo 代码
- canvas阴影：demo 代码
- canvas使用DrawImage()方法将像素放大：demo 代码
- canvas使用ImageData实现动态模糊：demo 代码
- canvas绘制迷你图：demo 代码
- 猜数字游戏：demo 代码
- 单个表单项的检验：demo 代码
- 多个表单项的动态检验：demo 代码
- 表单联动：demo 代码
- 听指令的小方块（一）：demo 代码
- 听指令的小方块（二）：demo 代码
- UI组件之浮出层：demo 代码
- UI组件之排序表格：demo 代码
- 标签云：demo 代码
- 有趣的鼠标悬浮模糊效果：demo 代码
- 自定义checkbox、radiobox样式：demo 代码
- 自定义网页右键菜单：demo 代码
- 使用CSS实现折叠面板：demo 代码
- CSS3饼状loading效果：demo 代码
- 3D轮播图：demo 代码
- 树形组件：demo 代码
- 动态数据绑定（一）：demo 代码
- 动态数据绑定（二）：demo 代码
- 动态数据绑定（三）：demo 代码
- 动态数据绑定（四）：demo 代码
- 动态数据绑定（五）：demo 代码
- 正则表达式小试：demo 代码
- 网页数据抓取：demo 代码
- Bootsrap实现后台管理系统：demo 代码
- 某网站首页：demo 代码
- markdown编辑器：demo 代码