FrontEnd-Hack
本人总结的前端组件库。总览地址如下：
https://pwcong.github.io/FrontEnd-Hack/src
Hack List
Components
| Title | Describtion | Demo |
|---|---|---|
| Upload Progress | 显示上传进度实例 | Preview |
| Drag & Drop | 读取拖拽的文件信息实例 | Preview |
| Upload Manager | 文件管理窗口 | Preview |
| Loop Banner | 循环的Banner组件 | Preview |
| Loop Indicatoin | 循环的Indication组件 | Preview |
| BiliBili SideBar | B站可拖拽排序侧边栏组件 | Preview |
| Popup | 气泡提示框组件 | Preview |
| Popup Pro | 气泡提示框组件Pro | Preview |
| Github Contribution Graph | Github贡献图组件 | Preview |
| Zhihu Topbar | 知乎Topbar组件 | Preview |
| Block Generator | 随机色块生成器 | Preview |
| Scroll Top To | 窗口平滑滑动至目标高度函数 | Preview |
| Back To Top | 窗口平滑滑动至顶部组件 | Preview |
| Header Navigator | 标题导航栏组件 | Preview |
| Material Input | Material 风格输入框组件 | Preview |
| Responsive Header | 响应式Header组件 | Preview |
| Background Attachment | Background Attachment | Preview |
| Volume Slider | 有趣的音量调节器 | Preview |
| Aliyun Map | 阿里云地图 | Preview |
| CSS Triangle | CSS三角形 | Preview |
| IE Checker | 检测IE浏览器版本 | Preview |
| Selector | DIV实现Selector功能 | Preview |
| Before-After | 使用before和after伪元素 | Preview |
| IMGPool - Verticle | 纵向图片瀑布流 | Preview |
| Scroll Number | 滚动数字 | Preview |
| Keyboard Events | 模拟键盘事件 | Preview |
| Full Screen | 进入/退出/检测 全屏 | Preview |
| Simple Calendar | 简单的日历 | Preview |
| jQuery Calendar | 简单的日历-jQuery插件版 | Preview |
| Lunar | 获取公历对应的农历信息 | Preview |
| jQuery Glide | 横向滑动菜单组件 | Preview |
| Horizontal Swiper | 横向Swiper组件 | Preview |
| Promise | Promise实现原理 | Preview |
| Ajax Promise | Ajax With Promise | Preview |
| Custom Radio | 自定义Radio | Preview |
| HTML2Canvas | 将HTML元素渲染成Canvas | Preview |
| Link Download | JS实现下载功能 | Preview |
| CSS Var | CSS变量 | Preview |
| Sidebar With Progress | 带阅读进度指示的侧边栏列表项 | Preview |
| CSS Var | CSS变量 | Preview |
| Browser Checker | 浏览器检测 | Preview |
| Validator | 前端常用校验器集合 | Preview |
| China IDCard | 第二代身份证生成与校验器 | Preview |
| Fix Top | 元素滑动至定点高固定 | Preview |
| ... | ... | ... |
Websites
| Title | Describtion | Demo |
|---|---|---|
| ICBC Constellation Card | 微信端ICBC星座卡宣传页面 | Preview |
| QCloud | 腾讯云官网首页 | Preview |
Member
- Pwcong