不管是用户还是设计师角色，弹窗界面应该都是经常能碰到的。弹窗（pop-up）能够让用户更聚焦，不用离开当前页面便能轻松快速地完成任务。 但是千篇一律的界面设计很容易让人忽略了它本身的美感。
作为设计师，尤其是UI界面设计师，怎样才能让弹窗更好看更有趣，让用户眼前一亮呢？下面这些优秀的弹窗界面设计作品或许能帮到你。
本文内容仅供个人学习/研究/参考使用，不构成任何决策建议或专业指导。分享/转载时请标明原文来源，同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦～感谢您的理解与支持！
都采用单例模式，原生js实现,兼容老版本浏览器内核，请将用es6语法的地方作修改.loading 加载代码: 样式全部通过js创建style标签注入head中，若需修改，请修改loadignStyle和loadignChildStyle 的值即刻。
在做网页时，常常使用弹窗，以上就是浏览器的三种弹窗方式， alert 在测试时常用; confirm 可以套用if...else 来用 ，比如 ：confirm点击了确定做什么事情，点击了取消又做什么事情;prompt 弹窗输入 ； 可以给网页设置密码。
如每个使用的地方需要引入该组件，需要注册，需要给组件加ref引用，需要调用事件来控制状态。其实这个组件相对来说是比较独立的，我们在使用组件库的时候
弹窗自古以来就存在。最初的想法是，在不关闭主窗口的情况下显示其他内容。目前为止，还有其他方式可以实现这一点：我们可以使用 fetch 动态加载内容，并将其显示在动态生成的 <div> 中。弹窗并不是我们每天都会使用的东西。
通过原生javaScript进行窗口拖动的实现，通过javaScript实现自定义容器的拖动操作，通过拖动标题部分进行窗口的移动
说起 dialog 标签，可能很多人都比较陌生，毕竟这个标签直到 HTML5.2 标准固定，也只是 chrome 的浏览器才支持的，那至于该标签的用处，根据语义也可以很明显的理解到，会话
在很多场景下，都需要弹窗用于交互，一般UI框架都有模态框，如果你做一个小单页，不引入UI库，你将无法使用模态框，或者使用JavaScript自带的alert弹出提醒，或者是自己写，这都不是很便利。
在日常开发时，弹窗是一个经常使用的功能，而且重复性极高，你可能会遇到下面这些问题:1、一个页面内多个弹窗, 要维护多套弹窗状态,看的眼花缭乱2、弹窗内容比较简单，声明变量 + 模板语法的方式写起来比较麻烦
当你需要给网站添加一个弹窗时，第一反应可能是寻找JavaScript插件或库。但你可能不知道，利用一些CSS技巧，我们完全可以创建一个功能完整的弹窗，而不需要写一行JavaScript代码。
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!
