demos

个人练习的一些demo，简单的小实例

使用方式

安装依赖

$ npm install

热刷新

$ browser-sync start --server --files '**/*.js,**/*.html'

目录说明

vue-demos:基于vue的demos

blur-text:文字模糊

nav:滑动导航

poker:翻牌游戏

shopping-card:购物车清单

slider-img:图片轮播

sudoku:所谓的数独

tab:选项卡

todoList:小目标

jquery-demos:基于jquery的demos

accordion:手风琴

ancient-poetry:古诗词

ancient-poetry1：古诗词

ancient-poetry2：古诗词

drop：拖拽

idiom：猜成语

light-ad：仿电商广告，局部变暗

magnifier：放大镜效果

riddle1：谜语

riddle2：谜语

slider-3：广告展示，滑动展示

taobao-ad：防淘宝广告

tiggle：展开与收起

css3:css3的demos

smoke-text:烟雾文字

accordion:手风琴

marquee:跑马灯

nav-select:导航下拉

reset-text:文字重组

switch-img:图片切换-随机方块

html5:html5的demos

picker:canvas时钟

sonw:canvas下雪

downloadImg:动态生成图片（邀请卡）

es6-demos:es6的demos

react-demos:react的demos

tab:tab切换数据

postComponent:tab切换组件

其它说明

1.现在的demo都是es5+css写的，gulp的es6和sass的编译没有进行测试过，大家注意下！

2.有些文件引入了vue.min.js，就是说明这个实例是基于vue的。vue的版本是2.2.6

3.package.json虽然配置了热刷新的代码，但是直接 npm run dev 没有起到热刷新的效果，一定要按照上图手输。

chenhuiYj/demos