qappleh / study

学习过程分享

study

##内容简介

require

• 模拟requireJs 的require方法，实现代码模块化

define

• 模拟requireJs 的define方法，实现代码模块化

dynamicTable

• 动态表格 模拟EXCEL电子表格，实现可拖动，排序，编写的单元格

floatMenu

• 悬浮菜单 可以自动匹配滚动位置的悬浮菜单
• 增加展开、收缩动画效果
• 以谷歌浏览器为例，未作浏览器兼容处理

counter

• 模拟计数器的数字滚动效果

selector

• 模拟下拉选择框，慕客网素材改进版本

react_webpack

• 手工配置 react + webpack 的例子
• 支持HMR,ES7语法,css前缀补全

2048

• 2048网页游戏js版
• 通过观察原版2048，分析游戏的逻辑，用js+css+html编程

hybird

• 页面动态布局
• 始终保持可视区的最大化
• 保待对象等比例绽放

numberPicker

• 购物车数量加减插件

swiper

• 图片轮播插件，支持滑动和点击，带反弹效果
• 不依赖jquery

checkbox

• 自定义的checkbox按钮

scrolloop

• 竖直滚动条插件

size-picker

• 颜色尺码选择联动插件，自动置灰不可用属性

shake

• 仿微信摇一摇原型

modeCode

• 值得收藏的代码片段

zhp

• 单页应用实例

chat

• 用Express.js实现的聊天室

videojs

• video.js的插件实现案例

seckill

• 秒杀静态页面

gotop

• 返回顶部

Canvas

• 用canvas实现画版

loading

• 忙碌光标
• 进度条