前端有用的第三方库

功能 npm包名 参考

SortableJS 组件之间互相拖拽 vuedraggable https://sortablejs.github.io/Vue.Draggable/#/simple
cookie 操作 js-cookie https://github.com/js-cookie/js-cookie
url 参数解析 qs https://github.com/ljharb/qs
网络操作 axios https://github.com/axios/axios
md5 blueimp-md5 https://github.com/blueimp/JavaScript-MD5
图表 bizcharts https://bizcharts.net/products/bizCharts
json 美化显示 react-json-pretty https://github.com/chenckang/react-json-pretty
将带参数路由转成实际路径 path-to-regexp https://github.com/pillarjs/path-to-regexp
时间处理(antd 项目) moment https://github.com/moment/moment
时间处理(非 antd 项目) dayjs https://github.com/iamkun/dayjs
国际化 react-intl-universal https://github.com/alibaba/react-intl-universal

其他参考:
https://www.jianshu.com/p/4ebf505f1b14

### 关于前端消息提示第三方库的探讨 在前端开发领域,存在多种用于实现消息提示功能的第三方库。这些库通常提供丰富的样式选项、动画效果以及灵活的配置能力,以便开发者能够轻松集成到项目中并满足不同的需求。 以下是几个常见的前端消息提示库及其特点: #### 1. **SweetAlert2** SweetAlert2 是一个流行的 JavaScript 库,专注于创建美观且交互性强的消息框和通知[^3]。它支持自定义按钮文字、图标显示、动态加载状态等功能,并提供了简洁易用的 API 接口。 ```javascript import Swal from 'sweetalert2'; Swal.fire({ title: 'Success!', text: 'Operation completed successfully.', icon: 'success', confirmButtonText: 'OK' }); ``` #### 2. **Toastify.js** Toastify.js 提供了一种简单的方式来展示临时性的通知消息[^4]。它的设计轻量级,易于定制化外观并通过 CSS 动画增强用户体验。 ```javascript import Toastify from 'toastify-js'; import 'toastify-js/src/toastify.css'; // 导入默认样式表 Toastify({ text: "This is a toast notification", duration: 3000, gravity: "top", // 或者 bottom }).showToast(); ``` #### 3. **Notyf** Notyf 是另一个专为现代 Web 应用程序打造的通知插件[^5]。其核心理念在于保持极简主义的同时赋予足够的灵活性给用户去调整行为逻辑与视觉呈现方式。 ```javascript const notyf = new Notyf(); notyf.success('Action was successful!'); notyf.error('An error occurred.'); ``` 以上列举了一些常用的解决方案;然而具体选用哪一种取决于实际应用场景和个人偏好等因素考量之后再做决定较为合适。 ### 结论 对于寻找合适的前端消息提示类别的第三方组件来说,SweetAlert2,Toastify.js 和 Notyf 都是非常不错的选择之一。每款工具都有各自的优势所在,在选型阶段可以根据项目的特殊要求权衡利弊从而做出最佳判断[^6]。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端段

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值