README
【Free文档】
一、前言
Free是一款轻量级的工具集合。,内置多种js功能函数,用来快速实现常见的js效果,目前属于个人维护 。
当前Free的版本是:1.1.3
由于使用了es 6语法,所以当前Free并不支持在 IE浏览器上运行,如果需要在 IE浏览器上使用,则
需要将Free转换为 es 5 语法后再使用。
二、下载方式
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>
- 效果展示: