* 1.演示的交互结果多半是打印在控制台中(F12),请自行查看。
* 2.要知道组件是怎么实现的,请直接在演示页面查看源码。
* 3.代码有问题或者是难以理解,欢迎提交issue,大家一起讨论。
* 4.如果你有更浅显易懂的方法实现这个组件,欢迎提交pull requests。
管理(Manage)
库(Library)
CSS组件(PureCSS)
- transform2D(用动画演示transform是干嘛的)
- 响应式布局以及图片懒加载(responseLayout)
- 等高布局(sameHeightLayout)
- 弹性布局(flexLayout)
- 时间轴(timeAxis)
- 下划线可变长导航(navWithHoverLine)
JS组件(PureJS)
- 简单音乐播放器(simpleMusicPlayer)
- 开关按钮(switch)
- 获取表单的值(getInputValue)
- 指定位置插值(insertToCurrentFoucs)
- 三级联动(citySelect)
- 模拟输入框(contenteditable)
- 事件代理(eventDelegation)
- 轮播图(autoDisplay)
- 模拟弹窗(simulateAlert)
- 本地存储(localStorage)
- 三种异步请求(AJAX/Promise/Fetch)(async)
- 画布转base64及blob示例(canvasToBase64AndBlob)
- 文件上传(fileUpload)
- canvas五子棋(canvasFiveGame)
页面