free-min

轻量级js函数工具库

Usage no npm install needed!

<script type="module">
  import freeMin from 'https://cdn.skypack.dev/free-min';
</script>

README

【Free文档】

一、前言

Free是一款轻量级的工具集合。,内置多种js功能函数,用来快速实现常见的js效果,目前属于个人维护 。

当前Free的版本是:1.1.3

由于使用了es 6语法,所以当前Free并不支持在 IE浏览器上运行,如果需要在 IE浏览器上使用,则

需要将Free转换为 es 5 语法后再使用。

Free-欢迎访问github

二、下载方式

npm下载

推荐使用 npm 的方式安装,它能更好地和 webpack 打包工具配合使用。

npm 局部下载

npm i free-wk

或 npm 全局下载

npm i free-wk -g

三、Free文档查询(API)

正在开发中,请耐心等待,你可以暂时参考以下示例。

你可以这样使用Free:

userAgent 获取浏览器信息

  • 功能说明:返回当前浏览器的相关信息

  • 参数说明: @param {Boolean} flag 是否直接输出,true直接输出,false作为返回值返回

  • 使用方法:

    Free.userAgent(flag);
    
  • 使用实例:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>查询浏览器信息测试</title>
    <style>
        .main {
            width: 400px;
            height: 300px;
            margin: 0 auto;
            text-align: center;
            border: 2px solid #baf;
        }

        .box {
            width: 100%;
            height: 300px;
        }

        .btn {
            margin: 20px 0;
        }
    </style>

    <script src="../Free.js"></script>
</head>

<body>
    <div class="main">
        <button class="btn">点我获取当前浏览器信息</button>
        <div class="box"></div>
    </div>
    <script>
        Free.eventAll('.btn', 'click', () => {
            Free.getElement('.box').innerHTML = Free.userAgent() + '<br/><br/>' + Free.userAgent(false);
        });
    </script>
</body>

</html>
  • 效果展示:

Free.userAgent在线演示