Skip to content

wty8023/js-practice

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

63 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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效果

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

About

JavaScript实践案例

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 72.3%
  • CSS 18.8%
  • HTML 8.9%