yondmn / Demo

前端的一些小demo，包括几种布局以及一些特效

前端的一些demo

• Response layouts

  bootstrap响应式布局，js实现下拉列表动画。

• github404

  仿github404页面动画特效，原生js实现。这里附有解析。

• menu

  css3实现导航条3d特效。

• modular Carousel diagram

  原生js实现简单轮播图的组件化，可在同一页面多次使用。这里附有解析

• Throttle and debounce.html

  防抖和节流。

• border-transition.html

  边框动画特效，css3实现。

• clock.html

  由h5 canvas实现，一个读取系统时间的钟表。

• css3 printf.html

  等宽字体利用ch单位实现打字动画，css3实现。

• dice.html

  css3以及flex布局配合画骰子。

• drag.html

  原生js实现鼠标拖动div。

• snake.html

  20行代码的贪吃蛇，canvas实现，这里附有详细解析。

• twoLayoutWays.html

  前端常用两种布局方式：双飞翼布局以及圣杯布局。

• waterfull.html

  瀑布流布局，监听滚动事件实现懒加载。