简介
@jdfwarrior/polo
是一个基于 Vue 的开发框架,提供一套简单而高效的 UI 组件、工具函数、过滤器等前端开发必备组件,使前端工程师可以快速地搭建应用。
安装
npm install --save @jdfwarrior/polo
使用
-- -------------------- ---- ------- ------ --- ---- ----- ------ ---- ---- ------------------ ------------- --- ----- --- ------- ------- - -- ------ --
组件
Button
-- -------------------- ---- ------- ---------- ----- -------------------------------- ----------- ----------------------------------- ----------- ----------------------------------- ----------- ----------------------------------- ----------- --------------------------------- ----------- ----------------------------- ----------- ------------------------------ ------ -----------
Input
-- -------------------- ---- ------- ---------- ----- ---------- -------------------- ----------------- -- ------ ----------- -------- ------ ------- - ------ - ------ - ----------- -- - - - ---------
Toast
import { Toast } from '@jdfwarrior/polo' Toast({ message: 'Hello, Polo!', duration: 3000, position: 'top' })
Dialog
-- -------------------- ---- ------- ---------- ----- ----------- ------------------ - ---------- ------------------- ----------- -------------------- -------------- ------------------------------ ---------------------------- - ---- -- - ------- ------------- ------ ----------- -------- ------ ------- - ------ - ------ - ----------- ----- - -- -------- - --------------------- - -- ------ ------- --------------- - ----- -- -------------------- - -- ------ ------ --------------- - ----- - - - ---------
工具函数
clone
import { clone } from '@jdfwarrior/polo' const obj = { name: 'Polo' } const newObj = clone(obj) console.log(newObj) // { name: 'Polo' }
debounce
-- -------------------- ---- ------- ------ - -------- - ---- ------------------ -------- --------- - -- -- --------- - ----- ---------------- - ----------------- ---- --------------------------------- -----------------
throttle
-- -------------------- ---- ------- ------ - -------- - ---- ------------------ -------- --------- - -- -- --------- - ----- ---------------- - ----------------- ---- --------------------------------- -----------------
过滤器
currency
import { currency } from '@jdfwarrior/polo' console.log(currency(1000)) // $1,000.00
结束语
@jdfwarrior/polo
提供了许多实用的组件、工具函数和过滤器,极大地提升了前端开发的效率和质量。希望本文能够对大家有所帮助,学习成果能够顺利应用到实际项目中。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6005726d81e8991b448e8a32