在VUE编程中，经常会遇到对话框，但ElementUI或者是AntD提供的模态框一是要在每个页面中写Dialog，一个是对Dialog中含有的组件定制能力有限。因此，这里提供一个全局对话框并动态引入组件，从而有效地提高系统弹性和减少开发量。好，我们先看一下效果图：

此文由掘金@天行天忌授权发布，前端晚间课对其内容进行微改。

作者：前端森林

转发链接：
https://mp.weixin.qq.com/s/ziDMLDJcvx07aM6xoEyWHQ

引言

一个简单的 js 提示插件，使用简单，也很小。

关于 Pxmu.js

Pxmu.js 是一款由七如团队开发的 web 消息提示框插件，特点是轻量无依赖，整个插件只有一个 js 文件，支持常用的消息提示功能。

来人人都是产品经理【起点学院】，BAT实战派产品总监手把手系统带你学产品、学运营。

WeUI是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信 Web 开发量身设计，可以令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。

预览及说明

视觉标准

下载及使用

ElectronJs里面的dialog是运行在Main进程里面的，所以如果需要调用dialog API，就需要发送消息到Main进程。

这边是一个简单的示例

首先编写一个页面，button点击之后，调用openDialog()函数。

天启年间，南京城外的李家庄正值秋收。庄主李员外家的独子李玉，带着家丁在田间抢收稻谷。晌午时分，烈日当空，李玉汗流浃背，忽见西北天边乌云翻滚。未及躲避，豆大的雨点已倾盆而下。当晚，这位锦衣玉食的公子便发起高热，头痛如裂，汗出如浆，却裹着三层锦被仍瑟瑟发抖，连声唤人紧闭门窗。

七月，在竞争激烈的游戏暑假档。国内著名游戏开发工具提供商白鹭时代低调推出一款全新无需编程的免费游戏创作工具——LakeShore。为游戏开发者研发更好、更爽的游戏加油助威。

无需编程，省时更高效

在LakeShore出现之前，游戏开发者都需要经过使用代码编写游戏繁琐的创作流程。由于无法实时看到游戏的运行效果。UI中各种素材的布局是一件非常耗时的工作。需要反复的编写、运行、测试结果，循环往复。整个游戏开发过程对于游戏开发者尤其是新手来说费时耗力，游戏的最终效果也往往不尽人意。

最近有粉丝在后台向我提了一个工作中的小需求，具体如下：

■ 因为公司要组织一个知识竞赛，其中有一个游戏环节，需要从一组名单中随机选出指定数量的人员参加游戏，并且需要在大屏中滚动名单以增强游戏紧张感。当然最重要的是最终被选中的名单中不能有重复名单出现。她希望能通过Excel来实现这个需求。

当我们抓取网页端数据时，经常被加密参数、加密数据所困扰，如何快速定位这些加解密函数，尤为重要。

在这里分享一些技巧，如有遗漏，欢迎补充。

所需工具：浏览器（Chrome，Edge等）

搜索