Git Product home page Git Product logo

demos's Introduction

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 没有起到热刷新的效果,一定要按照上图手输。

License

MIT

demos's People

Contributors

chenhuiyj avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.