厌倦了自带的 alert?来试试我最近写的小项目吧!

2016-07-12 12:28:58 +08:00
 pseudo

每次看到 Chrome 弹出的丑丑的 alert 总想能不能让它变漂亮一点,于是自己动手写了一个。

它不光可以替代原本的 alert, confirm 和 prompt ,还有丰富的自定义选项;

它非常轻便, gzip 压缩后所有文件只有 3.4KB ,没有任何库的依赖,可以直接通过 npm/bower 安装;

它能直接适配移动端,还能自己写主题。

在线完整演示与文档

Github

如果喜欢的话,帮我点个 star 吧,谢谢啦~

4903 次点击
所在节点    程序员
43 条回复
xiaoyao9933
2016-07-12 12:36:55 +08:00
mac safari 下没有动画效果。。
ibreaker
2016-07-12 12:41:30 +08:00
Chrome 弹过 alert 吗 没注意过
7654
2016-07-12 12:48:09 +08:00
firefox 里也很漂亮
bdbai
2016-07-12 13:01:21 +08:00
然而原生函数是同步的。
建议支持一下 Promise 呗。
yxzblue
2016-07-12 13:04:02 +08:00
还可以,不过效果和 SweetAlert 这个库一样~
miaotaizi
2016-07-12 13:05:18 +08:00
难道楼主没听说过 layer.js 吗?
pseudo
2016-07-12 14:21:28 +08:00
@xiaoyao9933 我的有的呀,是不是因为不是新版
@ibreaker 应该是越来越少了
@7654 一直在用 Chrome ,下载一个 Firefox 看看啥效果
@bdbai 谢谢你的建议~好呀,我先学习一下 promise
@yxzblue 写之前看到这个库啦,动画效果有参考它。但觉得它太大了就自己写了一个,也当是给自己练练手吧
@miaotaizi 还真没有诶
Patrick95
2016-07-12 14:31:40 +08:00
加一个「加载中」的动画呀~
pseudo
2016-07-12 14:46:05 +08:00
@Patrick95 有呀,在主页上的演示中有得
rrfeng
2016-07-12 14:47:07 +08:00
3.4k 还小吗……
hkongm
2016-07-12 14:47:08 +08:00
说点别的,这代码缩紧。。。
Patrick95
2016-07-12 14:48:52 +08:00
@pseudo 看到了,很不错~
BOYPT
2016-07-12 14:52:54 +08:00
如果项目里面用了 bootstrap 的话我推荐 sco.js 里面的 confirm ,简单方便
http://projects.5mins.me/sco.js/#confirm
xiaoyao9933
2016-07-12 14:55:10 +08:00
@pseudo 我的是 版本 8.0.7 (10600.7.12) , 你代码 demo 那里也是黑乎乎一片,不显示。其他浏览器 ok 。
pseudo
2016-07-12 15:13:44 +08:00
@rrfeng 对比了一下同类的库感觉算小了,如果只是简单实现原始的三个功能确实不算小..
@hkongm 是不是因为我用的 tab 符在 Github 上变成八个空格了...
@Patrick95 谢谢你的鼓励~
@BOYPT 谢谢推荐~
@xiaoyao9933 我的是 9.1.1 ,应该是没有加-webkit-前缀的原因,我会在更新中加上的兼容性前缀的
SvenWong
2016-07-12 15:16:31 +08:00
个人感觉配色有点不太协调,不过还是给你 star ,加油
rekulas
2016-07-12 15:19:39 +08:00
挺不错 我现在用的 sweetalert 弹出时候的动作有点类似 http://t4t5.github.io/sweetalert/
dongyado
2016-07-12 15:23:30 +08:00
@rekulas 你这个也很漂亮
pseudo
2016-07-12 16:24:43 +08:00
@SvenWong 谢谢,没有系统学过设计,凭感觉配色的,我会继续努力的~
@rekulas 有参考它的动画, sweetalert 确实很棒
cchange
2016-07-12 17:16:10 +08:00
@rekulas 确实不错 主要是火狐可用
都加油!

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/291921

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX