简介
@xa-neso/job-common 是一款专为前端工程师打造的 npm 包，旨在帮助工程师快速搭建一套符合规范、易于维护的项目结构，同时提供各种实用的工具函数，让开发过程更加高效、便捷。
安装
安装 @xa-neso/job-common 可采用简便的 NPM 安装命令：
--- ------- -------------------
使用
目录结构
使用 @xa-neso/job-common 可以让你的项目结构变得清晰、有结构化，同时也符合当前前端的最佳实践规范，其目录结构如下：
--- ----- -- -------- ------- --- --- ------ -- ------ --- ------ -- -------- ---- ------ --- --- -- ----- - --- --- -- --- ---- - --- ------ -- ------------- - --- ---------- -- ---- - --- ------ -- ------ - --- ----- -- ---- ---- - --- ----- -- ---- - --- ----- -- ---- - --- ------- -- --- - --- ------- -- ---- --- ------ -- -------- ---- --- --- ----- -- ---- --- ------------- -- ----- --- ---------- -- --- ---- --- ------------ -- ------ ---- --- ------------ -- ---- --- --------- -- ----
常用工具函数
debounce
防抖函数，避免频繁触发事件，一段时间内只触发一次。
------ - -------- - ---- --------------------- -------- -------------- - --------------------- - --------------------------------- ---------------------- -----
throttle
节流函数，避免高频率触发事件，一段时间内只触发一次。
------ - -------- - ---- --------------------- -------- -------------- - --------------------- - --------------------------------- ---------------------- -----
deepClone
深拷贝一个对象。
------ - --------- - ---- --------------------- ----- ---- - - -- -- -- - -- - - - ----- ---- - --------------- ----------------- -- - -- -- -- - -- - - - ----------------- -- - -- -- -- - -- - - -
formatCurrency
格式化货币。
------ - -------------- - ---- --------------------- ----- ----- - --------- ----- -------------- - --------------------- --------------------------- -- -----------
页面跳转
在 @xa-neso/job-common 中，可以使用 router.js 文件来管理前端路由。例如：
------ --------- ---- ------------ ------ ---- ---- ------------------ ------ ----- ---- ------------------- ----- ------ - - - ----- ---- ---------- ---- -- - ----- --------- ---------- ----- - - ----- ------ - --- ----------- ----- ---------- ----- --------------------- ------ -- ------ ------- ------
之后在入口文件 main.js 中导入并挂载路由：
------ ------ ---- ---------- ------ --- ---- ----------- --- ----- ------- ------- - -- ------ -----------------
发送请求
在 @xa-neso/job-common 中，可以使用封装好的 Axios 实例来发送请求。例如：
------ ------------- ---- ------------------------ ----------------------------------------- -- - -------------------------- -------------- -- - ------------------ --
其中，Axios 实例的定义在 api/axiosInstance.js 文件中。
总结
@xa-neso/job-common 是一款优秀的 npm 包，提供了前端开发中常用的工具函数和前端项目结构等，让前端开发更加高效、便捷。希望本文对您在使用 @xa-neso/job-common 进行前端开发时有所帮助。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005722d81e8991b448e852e