Giter Club home page Giter Club logo

js-library-demo's Introduction

js-library-demo

slideshow(图片轮播)

  1. 原生javascript实现 <预览>
  2. jQuery实现轮播效果 <预览>
  3. 原生javascript+OO实现 <预览>

Tab

原生js实现Tab功能，演示面向对象编程 <预览>

scrollspy(滚动监听)

  1. jquery实现滚动监听 <预览>
  2. 原生js 实现滚动监听 <预览>

Drag(鼠标拖拽)

JavaScript实现鼠标拖拽 <预览> 原生javascript+OO实现鼠标拖拽 <预览>

preload(图片预加载)、qqFace(图片预加载加入qq表情)

  1. 原生js <预览>
  2. jquery以及插件封装 <预览>
  3. jqueryQQ表情+图片预加载 <预览>

图片懒加载(ES6实现)

<预览>

弹跳球(ES6实现)

  • 背景

通过对面向对象基本概念，面向对象的编程**和构造器，原型实现方法实现一个简单的弹跳球小游戏。

  • 介绍

主要通过ES6，class语法糖，通过canvas绘制背景并控制evil的上下左右，吃掉小球。 <预览>

js-library-demo's People

Contributors

likonion avatar

Watchers

James Cloos 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.