学习过程中的Demo代码

HTML5

HTML5实例

• 图片在线裁剪
• 本地图片上传预览
• 图片热区
• Canvas掷骰子
• Canvas时钟效果
• Canvas画图板
• Web Worker

CSS

CSS3实例

• 图片悬停效果
• Flex布局
• CSS3立体轮播图

JavaScript

Javascript实践

• 页面复制内容到剪贴板

数据结构的JavaScript实现

• 集合
• 栈
• 队列
• 二叉树优先队列
• 散列表
• 单线链表
• 双向链表
• 字典
• 图

构建工具入门

• gulp的使用
• 在gulp中使用babel
• webpack基本配置
• webpack配置react开发环境

算法的javascript实现

• 排序
• 查找

设计模式

• 单例模式
• 构造器模式
• 模块模式

进阶

• 实现virtual dom
• WebAssembly Demo
• PWA Demo

TypeScript

• TypeScript的基本使用

React

• react计数器
• 简单的react组件
• 虚拟DOM的简单实现

Node

• Node操作数据库
• Node导入导出excel

Koa

• Koa静态资源服务器

PHP

常用类封装

• 分页操作类
• gd图类

Python

Python实例

• 豆瓣纸书爬虫
• 查询豆瓣书籍爬虫
• 最简单的图片爬取爬虫

进阶

设计模式

• 创建型模式
  • 工厂模式
  • 抽象工厂模式
  • 生成器模式
  • 原型模式
  • 单例模式
  • 状态设计模式
  • 装饰器模式
  • 原型设计模式
  • 适配器模式
  • 模板方法模式
  • 登录注册代理模式
  • PHP和MySQL策略模式
• 结构型模式
  • 职责链模式