GithubHelp home page GithubHelp logo

js-practice's Introduction

js-practice

JavaScript实践案例

UI

该部分是主要结合阅读element ui源码实现,使用JS实现核心的功能以及相应的样式(并不完全实现所有功能),旨在低学习成本阐述相应的实现思路

button

音乐播放控制条

switch

切换按钮

slider

slider

input

input

loading
loading

radio
radio

checkbox
checkbox

rate
rate

tooltip
tooltip

message
message

tabs
tabs

collapse
collapse

badge
badge

carousel
carousel

scrollbar
scrollbar

select
select

Notification
notice

MessageBox
messageBox

Color-Picker
colorPicker

Upload

上传进度以及上传之后查看删除都没有在页面体现,你可以通过控制台查看上传进度 upload

Table

该demo实现固定表头和固定列(只固定在左侧)的效果
table

Cascader

级联选择器
cascader

Transfer
transfer

音乐播放器

音乐播放博客文章
实现效果:
音乐播放控制条

音频歌词同步

音频歌词同步博客文章
实现效果:
音频歌词同步

日期控件

日期控件博客文章
实现效果:
日期选择
日期范围选择

视频播放器

视频播放博客文章
实现效果:
视频播放

粒子烟花效果

粒子烟花

简易模块加载器

简易模块加载器博客文章

俄罗斯方块

俄罗斯方块博客文章
实现效果:
俄罗斯方块

视觉差效果浅析demo效果

视觉差效果文章
视觉差效果浅析

js-practice's People

Watchers

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