Repository files navigation

自学初期所有的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  代码

• jQuery+Bootstrap仿豆瓣网页版音乐播放器：代码
• Vue购物车：demo代码
• Vue电商售卖平台PC端：代码
• Vue移动端仿饿了么webApp：代码
• Vue移动端音乐webApp：代码