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

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

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

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

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

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

在线完整演示与文档

Github

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

4920 次点击
所在节点    程序员
43 条回复
spoonwep
2016-07-12 17:31:35 +08:00
想起 sweetalert..
miaotaizi
2016-07-12 17:44:49 +08:00
@pseudo 好啦, 给你一个 star, 加油!
pseudo
2016-07-12 21:15:38 +08:00
@cchange 加油!
@miaotaizi 谢谢你!
lslqtz
2016-07-12 21:45:32 +08:00
有趣 已 Star 。
未来我估计自己会用上
br00k
2016-07-12 23:28:18 +08:00
还不错。不过 UI 组件要一套才好用,不然风格搭起来会怪怪得。
zkd8907
2016-07-12 23:30:05 +08:00
对无障碍支持基本为零 =.=
wujunze
2016-07-12 23:31:54 +08:00
不错 赞一个
cocalrush
2016-07-12 23:40:56 +08:00
不错 搜藏一个
Canrz
2016-07-12 23:41:49 +08:00
囧,这种提示组件本人用的 layer.js
pseudo
2016-07-12 23:48:43 +08:00
@lslqtz 谢谢你~
@br00k 谢谢你的建议,有扩充到各种 UI 组件的想法
@zkd8907 请问无障碍是指?
@cocalrush
@wujunze 谢谢你们!
@Canrz 也不错诶
zkd8907
2016-07-13 00:11:20 +08:00
@pseudo
tab 键获得焦点, aria 相关的属性, title 属性。另外我看你按钮似乎是使用 div 模拟的,这样盲人用户遇到这个弹窗操作起来会非常困难。还有一个, alert 打开以后,需要考虑默认的 button 焦点~~

上面这些对于大部分用户来说可以没有,最多就是操作时不太顺手(比如键盘党),但是对于残障人士来说是很关键的。组件化的东西,我觉得无障碍是非常重要的一个元素 =。= 楼主加油研究下~~
pseudo
2016-07-13 00:15:35 +08:00
@zkd8907 好的我去研究研究,下一次更新中会加入键盘相应的,十分感谢你的建议!
lslqtz
2016-07-13 07:46:16 +08:00
感觉异步操作等待后的 Done 应该移到中间一些。。
BMW
2016-07-13 08:24:23 +08:00
名字起的太挫
shiweifu
2016-07-13 09:38:37 +08:00
@pseudo

无障碍指的是有使用障碍的用户,比如盲人
j
2016-07-13 09:58:33 +08:00
不用依赖 jquery 是亮点。
zwh8800
2016-07-13 12:57:48 +08:00
不错,提个小建议,如果支持键盘回车键就更好了
xieguanglei
2016-07-13 13:20:57 +08:00
alert 是同步的,这个替代不了。。
pseudo
2016-07-13 13:30:11 +08:00
@lslqtz 这个可以自己设置呀
@shiweifu 谢谢!
@j 依赖 jQuery 就会让使用者麻烦一些,所以都写原生的了
@zwh8800 下一个更新中会加入按键响应的
@xieguanglei 我愿意为了漂亮一点牺牲同步这个特点,哈哈
Arrowing
2016-07-13 15:44:51 +08:00
能动手是好事,支持一个!

PS :我的 Firefox 点击没反应, V41

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

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

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

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

© 2021 V2EX