# 前端小工具仓库

**Repository Path**: amoureux555/utils

## Basic Information

- **Project Name**: 前端小工具仓库
- **Description**: 前端工具箱
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2022-04-11
- **Last Updated**: 2022-11-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: JavaScript, HTML, CSS

## README

# 前端小工具仓库

## 预览🌏
http://amoureux555.gitee.io/utils

## 一、常用工具库 ultis🔨

| 名称                | 语法        |
| ------------------- | ----------- |
| 日期格式化          | dateFormat  |
| 当前时间            | format      |
| 随机16进制背景颜色  | colorRandom |
| 判断浏览器内核      | browser     |
| 判断是pc还是移动    | isPC        |
| 是不是微信浏览器    | IsnotWeChat |
| css获取样式(非行内) | getStyle    |
| 获取网址参数        | getParam    |

[查看](http://amoureux555.gitee.io/utils/src/常用工具库/index.html)

## 二、图片懒加载 lazyload😀
[查看](http://amoureux555.gitee.io/utils/src/图片懒加载/lazyload.html)

## 三、千峰云音乐🎵 
[查看](http://amoureux555.gitee.io/utils/src/千锋云音乐/index.html)

## 四、锋团🐝
[查看](http://amoureux555.gitee.io/utils/src/锋团吃喝玩乐生活平台v5.0/login.html)

## 五、大屏可视化
[查看](http://amoureux555.gitee.io/utils/src/大屏可视化/index.html)

## 六、常用特效 😁

| 常用特效       |                                                                                                         |
| -------------- | ------------------------------------------------------------------------------------------------------- |
| 鼠标移入提示框 | 方案1ul+三角  [查看](http://amoureux555.gitee.io/utils/src/常用特效/鼠标移入提示框/方案1ul+三角.html)   |
|                | 方案2li+三角    [查看](http://amoureux555.gitee.io/utils/src/常用特效/鼠标移入提示框/方案2li+三角.html) |
| Tab选项卡      | 面向过程      [查看](http://amoureux555.gitee.io/utils/src/常用特效/Tab选项卡/面向过程.html)            |
|                | 面向对象     [查看](http://amoureux555.gitee.io/utils/src/常用特效/Tab选项卡/面向对象.html)             |
| Swiper轮播图   | 面向过程      [查看](http://amoureux555.gitee.io/utils/src/常用特效/Swiper轮播图/面向过程.html)         |
|                | 面向对象      [查看](http://amoureux555.gitee.io/utils/src/常用特效/Swiper轮播图/面向对象.html)         |
| 放大镜         | 二倍     面向过程  [查看](http://amoureux555.gitee.io/utils/src/常用特效/放大镜/二倍/面向过程.html)     |
|                | 二倍      面向对象 [查看](http://amoureux555.gitee.io/utils/src/常用特效/放大镜/二倍/面向对象.html)     |
|                | 等比     面向对象 [查看](http://amoureux555.gitee.io/utils/src/常用特效/放大镜/等比/等比.html)          |
|                | 等比切换 面向对象  [查看](http://amoureux555.gitee.io/utils/src/常用特效/放大镜/等比切换/demo.html)     |

## 七、小游戏🎮
| 小游戏          |                                                                                     |
| --------------- | ----------------------------------------------------------------------------------- |
| 无聊特效小蜜蜂🐝 | [查看](http://amoureux555.gitee.io/utils/src/小游戏/无聊特效小蜜蜂/mf.html)         |
| 打星星小游戏⭐   | [查看](http://amoureux555.gitee.io/utils/src/小游戏/打星星小游戏/randomStar.html)   |
| 王思聪吃热狗🌭   | [查看](http://amoureux555.gitee.io/utils/src/小游戏/王思聪吃热狗/王思聪吃热狗.html) |
| 金山打字⌨       | [查看](http://amoureux555.gitee.io/utils/src/小游戏/金山打字/金山打字.html)         |
| 组合键🗡         | [查看](http://amoureux555.gitee.io/utils/src/小游戏/组合键/key.html)                |
| 贪吃蛇🐍         | [查看](http://amoureux555.gitee.io/utils/src/小游戏/贪吃蛇/贪吃蛇.html)             |
## 八、仿写😂

| 仿写             |                                                                                           |
| ---------------- | ----------------------------------------------------------------------------------------- |
| 仿写Json内置对象 | [查看](http://amoureux555.gitee.io/utils/src/仿写/仿写Json内置对象/仿写Json内置对象.html) |
| 仿写new构造函数  | [查看](http://amoureux555.gitee.io/utils/src/仿写/仿写new/仿写new.html)                   |
| 仿写find         | [查看](http://amoureux555.gitee.io/utils/src/仿写/仿写find/仿写find.html)                 |
| 仿写forEach      | [查看](http://amoureux555.gitee.io/utils/src/仿写/仿写forEach/仿写forEach.html)           |
| 仿写用户登录     | [查看](http://amoureux555.gitee.io/utils/src/仿写/仿写用户登录/login.html)                |
| 仿写cookie       | [查看](http://amoureux555.gitee.io/utils/src/仿写/仿写cookie/仿写cookie.html)             |
| 仿写jq        | [查看](http://amoureux555.gitee.io/utils/src/仿写/仿写jq/仿写jq.html)               |

## 九、 更精确判断数据类型😃
[查看](http://amoureux555.gitee.io/utils/src/更精确判断数据类型/demo.html)

## 十、 异步请求😃
| 异步请求               |                                                                                         |
| ---------------------- | --------------------------------------------------------------------------------------- |
| function+ajax+callback | [查看](http://amoureux555.gitee.io/utils/src/异步请求/function+ajax+callback/ajax.html) |
| function+ajax+promise  | [查看](http://amoureux555.gitee.io/utils/src/异步请求/function+ajax+promise/ajax.html)  |

## 十一、 购物车🛒
| 购物车   |                                                                          |
| -------- | ------------------------------------------------------------------------ |
| 静态页面 | [查看](http://amoureux555.gitee.io/utils/src/购物车/静态页面/index.html) |
| 动态页面 | [查看](http://amoureux555.gitee.io/utils/src/购物车/动态页面/login.html) |

# To be continued...