/study

学习过程分享

Primary LanguageJavaScript

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

  • 忙碌光标
  • 进度条

stopwatch

  • 秒表

marquee

  • 文字跑马灯效果