2024-08-14在后台管理系统的项目开发中，弹窗组件用到的地方很多。由于自带的默认样式不太符合视觉要求，因此需要利用maskStyle属性来自定义modal弹窗的遮罩样式。_maskstyle

https://www.qianduange.cn//article/15498.html 分类：前端知识

2024-08-12设计：建立一个模板表；有以下字段：id（唯一键），name（前端显示模板名称），printJson（模板字符串），type（分类-同类的模板在同一个地方显示并可打印）,等(做成配置时需要其他条件自己考虑加)前端统一传值可为两种对象和数组（对象只打印一个，数组有多少条数据打印多少个），这个hiprint会自己判断，可以不管。然后再写个组件，弹窗显示打印页面，引用打印页面，传入数据（打印内容与打印模板）然后在要打印的页面使用，我这边是把打印组件封装到表格组件里了，做成了配置项。点击设计进入设计页面，如图。_vue 打印模板设计

https://www.qianduange.cn//article/15379.html 分类：前端知识

2024-08-10关于ant design vue 使用Modal无法关闭弹窗的解决思路node_modules/.pnpm/pinia@2.1.7_typescript@5.5.2_vue@3.2.33/node_modules/pinia/dist/pinia.mjs:6:9: 6 │ import { hasInjectionContext, inject, toRaw, watch, unref, markRaw, effectScope, ref, isVue2, _ant-design-vue modal 无法关闭

https://www.qianduange.cn//article/15291.html 分类：前端知识

2024-08-10实现功能1.导入.TXT文件到打字练习内容（部分浏览器可能出于安全问题限制了这一步操作）2.输入文本到打字练习内（弹出输入框，将要练习的内容输入至输入框）3. 开始练习，并根据正误在打字练习内容文本上修改颜色（某个字正确显示绿色，某个字错误，显示红色，某个字没有打显示灰色）4.开始练习、结束练习，全部输入完成后自动结束练习，也可提前手动结束练习，结束练习后弹窗用显示时和正确率。（区别在于一个全部输入完成且全部正确，一个提前结束无其他条件）效果图分析HTML 结构解析根元素：<!DO

https://www.qianduange.cn//article/15274.html 分类：前端知识

2024-08-10使用时调用：addTip();setTimeout("closeTip();",1000);setTimeout("removeTip();",2000);//添加提示框function addTip() { var tip = " <div id='tip'>" " <div class='tip-header'>提示信..._jquery 右下角窗口弹窗

https://www.qianduange.cn//article/15267.html 分类：前端知识

2024-08-10在开发中，弹框和实时视频播放是常见的需求。这里来记录一下，如何使用Vue.js和Element UI实现一个可拖动的弹框，并在其中播放实时视频。同时，确保在拖拽弹框时，底层元素仍然可以操作。_dialog弹窗实现拖拽移动功能vue jsp环境来写

https://www.qianduange.cn//article/15221.html 分类：前端知识

2024-08-07使用了这个插件后，在测试时确实没有弹出来了，在我以为是成功的情况下，本想着做一下整理，但是更深入查找资料发现，虽然这个插件可以过滤掉xss攻击，但是不会影响其它元素渲染，但是使用后其它元素却没有渲染成功，就很奇怪。后来，我在node_modules中找这个插件的相关信息，结果被我发现在README.md中发现了一句话，意思是当前的版本是适合vue3用，vue2的话需要用4.1.x的版本。下载的版本是v4.1.4，刷新，结果没反应，重新启动，成功啦，没有弹窗，且其它元素也能成功渲染出来，果然是版本的问题。_vue-dompurify-html

https://www.qianduange.cn//article/14927.html 分类：前端知识

2024-07-30本文介绍了在qiankun框架中，如何通过SnapshotSandbox、proxySandbox和ShadowDOM实现JavaScript和CSS的隔离，以及如何处理不同沙箱机制的优缺点，以及CSS模块在样式隔离中的应用和解决elementUI弹窗样式问题的方法。

https://www.qianduange.cn//article/14617.html 分类：前端知识

2024-07-29?jquery实现DOM结构转图片并下载版本介绍：Bootstrap v3.3.7jQuery v3.5.1domToImage.js根据Bootstrap实现dialog上一步下一步多个弹窗交互进行大肆修改，完善了第二步生成图片的功能与更强的交互1.、功能说明重新设置bootstrap主题色包括按钮：默认(default)、成功(success)、错误(danger)、主要(primary)提示：成功(success)、错误(danger)内容区以card形式展示，纯_jquery下载图片

https://www.qianduange.cn//article/14498.html 分类：前端知识

2024-07-21在本系列的第一篇文章中，我们将梳理如何在Vue.js中使用Element-UI实现表格与表单的结合：如何在父组件中通过按钮触发弹窗，并在弹窗中调用子组件的表单。这种设计模式在实际项目中非常常见，特别是在需要对数据进行增删改查操作时，能够有效地提升用户体验和代码可维护性。本文将分为以下几个部分：1、环境配置与基础介绍2、父子组件的结构与数据传递3、使用Element-UI实现弹窗与表单4、完整示例代码与详细解析（后面一篇博客）

https://www.qianduange.cn//article/14140.html 分类：前端知识