javascript - 简单的弹窗组件是怎么写的？

Question

最近我发现项目每个页面都需要用上弹窗效果，比如对话框的那个提示。
写了jq比较长。
如何进行封装化然后可以多次调用，有没有这种简单的例子，
万能的segmentfault的大神。有自己写过的那种例子吗？

Answer 1

bootbox.js 提供dialog,prompt,confirm弹窗当方式。可以将他封装为一个函数 让后用 es6的export导出，在你需要的地方import这个方法。就可以实现通用了，es6的浏览器支持不好，可能要babel一类的工具转换为es5。

Answer 2

百度layer。一个很好用的插件

Answer 3

写法很简单啦，弹窗的内容是一个p就可以了，我提供下架构思路吧

var tool={
    alert:function(){
         //这里是alert弹窗实现
    }
}

这插件就这么简单，当然你要自己构建实现效果.
我之前实现过，用了一个弹性运动的代码，出了点问题，后来就没继续研究了，一直没投诉使用。
后来我做了个类似于安卓手机里提示信息那个效果(有时候退出应用时提示“再点击一次退出应用”那种)；
若需要源码研究的话可以再联系我的。

Answer 4

https://segmentfault.com/q/1010000003010...

Answer 5

简单的就是一个浮层。但我想你的意思是要做到组件化，慕课网上有个教程“阿当大话西游之web组件”，里面封装挺详细的，可以学一下他的组件化思想。

Answer 6

简单的就是浮动p。 剧中显示即可。