js-practice

js-practice copied to clipboard

js-practice

JavaScript实践案例

UI

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

button

switch

slider

input

loading

radio

checkbox

rate

tooltip

message

tabs

collapse

badge

carousel

scrollbar

select

Notification

MessageBox

Color-Picker

Upload

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

Table

该demo实现固定表头和固定列（只固定在左侧）的效果

Cascader

级联选择器

Transfer

音乐播放器

音乐播放博客文章
实现效果：

音频歌词同步

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

日期控件

日期控件博客文章
实现效果：

视频播放器

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

粒子烟花效果

粒子烟花

简易模块加载器

简易模块加载器博客文章

俄罗斯方块

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

视觉差效果浅析demo效果

视觉差效果文章

图片裁剪

裁剪框大小更改逻辑和输出裁剪图片

简易流程图处理

react-ssr

React学习和React同构的入门级demo，可以了解SSR原理、react-redux、redux、redux-thunk中间件的整合流程、react-router与react-router-config的使用、Node Express简单使用

moveable

主要用于学习rotate后resize，核心是坐标计算相关逻辑

zoomable

主要用于理解按照鼠标当前位置缩放内容实现相对位置不变的计算逻辑

skeleton

了解骨架屏效果

count-up

了解数字滚动动画效果

seamless-scroll

了解无缝循环滚动效果

dynamic-theme

实现动态主题