介绍
@63pokupki/frontend-base 是一个提供前端基础功能的 npm 包，包含了常用的功能，如表单验证、通用工具类函数、样式库等等。本文将会详细介绍其使用方法以及常用功能的实现方式。
使用方法
安装依赖：
npm install @63pokupki/frontend-base
引入依赖：
import { validate } from '@63pokupki/frontend-base' validate('123', 'number') // true
功能列表
表单验证
required必填验证email邮箱验证number数值验证tel手机号验证urlURL验证
import { validate } from '@63pokupki/frontend-base' validate('123', 'number') // true
工具类函数
asyncWrap包装异步函数为 PromiseformatNumber数字格式化
import { asyncWrap, formatNumber } from '@63pokupki/frontend-base' async function getData() { const res = await asyncWrap(fetch('https://...')) return res.json() } console.log(formatNumber(123456789)) // 123,456,789
样式库
reset.css样式重置
使用方法：
<link rel="stylesheet" href="./node_modules/@63pokupki/frontend-base/dist/reset.css">
示例
针对表单验证，我们可以这样实现：
-- -------------------- ---- ------- ------ ------ ----------- --------------- --------- ------ ------------ ------------ --------- ------ ---------- ---------- --------- ------- ------------------------- ------- -------- ------ - -------- - ---- -------------------------- ----- ---- - ------------------------------ ------------------------------- --- -- - ------------------ ----- - --------- ------ --- - - -------- -- ------------------------- ----------- -- --------------------- -------- -- ------------------- ------- - -- ---- -- -- --------- --- - -- ---------展开代码
结语
@63pokupki/frontend-base 可以大大简化我们前端的开发过程，提高开发效率。同时，本文介绍的只是部分功能，更多功能可在文档中查看。建议在实际项目中使用并体验其优势和便捷性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/88354
