vue中iframe标签跨域通信——父子页面之间传值(解决子页面收不到父页面的值或子页面收到的数据为undefined的问题)
2024-04-08解决子页面收不到父页面的值或子页面收到的数据为undefined的问题;背景: 初始化时,父页面发送数据给子页面,需要在子页面加载完成后发送,不然接收不到数据。父页面直接给子页面postmessage发送消息,但是子页面收不到数据;在iFrame.onload函数中发送消息,依旧未收到消息。解决思路:子页面向主网页发送消息,告诉它子网页加载好了,然后主网页再发送消息给子网页进行处理,这样虽然会多一些交互代码,但可以精确地执行交互。_iframe传递到子页面数据跨域 vue 父页面在刷新后才收到子页面的消息
【Vue学习笔记】跨域的六种解决方案
2024-03-10跨域问题的解决方法JSONPNginx反向代理CORS解决跨域问题postmessage解决跨域问题WebSocket解决跨域问题devServer代理跨域_vue跨域
js-md5的简单使用
2024-03-01MD5(单项散列算法)的全称是message-Digest Algorithm 5(信息-摘要算法),经MD2、MD3和MD4发展而来。1.输入任意长度的信息,经过处理,输出32位的信息;2.不同的输入得到的不同的结果(唯一性);3.根据32位的输入结果不可能反推出输入的信息(不可逆)1.防止被篡改,发布文件时同时发布文件的MD5值,在对方收到文件后再次进行MD5计算,最终获得的结果一样,说明未被篡改;_npm install --save js-md5
HTML5的 WebSocket, wedworker,RPC模拟的介绍和使用
2024-02-24第一步打开开发者工具抓包(网络----WS)第二步进去js (可以直接搜 .onopen 关键字)第三步在 onmessage下断进入js函数就得到了数据返回的位置第4步搜.send( 下断 全部下断在调试。
Ant Design Vue 中 message组件自定义图标及修改样式方法
2024-02-23Ant Design Vue 中 message组件自定义图标及修改样式方法_antd vue message 自定义样式
vue中provide、inject的使用方法(图文示例)
2024-02-21本教程是介绍如何在vue中使用provide和inject。`在 Vue 中,provide 和 inject 是用于实现祖先组件向后代组件传递数据的一种方式`。 在这个示例中,祖组件通过 provide 提供了 message 变量 和message2 变量 ,子组件通过 inject 注入了 message 变量,孙组件通过 inject 注入了 message2 变量。这样,子组件和孙就可以访问到父组件提供的数据。
vue 修改 this.$confirm 的文字样式、自定义样式
2024-02-11四、使用 customClass 设置messageBox 的自定义类名,从而自定义样式。二、createElement 新建元素和对象,然后对新建的元素进行标签化设置。但偶尔也需要修改文字等样式,这时该怎么做呢?就会被当作 HTML 片段处理。属性设置为 true,_this.$confirm 设置样式
iframe的使用动态添加
2024-02-04window.postmessage() 方法可以安全地实现跨源通信。但是一个文档里的脚本还是不能调用在其他文档里方法和读取属性,但他们可以用window.postmessage结合window.addEventListene这种消息传递技术来实现安全的通信。 标签是一个内联框架,即用来在当前 HTML 页面中嵌入另一个文档的,且所有主流浏览器都支持iframe标签。在iframe的子页面中需要发出事件,让父页面销毁。在引入iframe的index.html页面。_iframe动态设置src
jQuery实现消息提示框
2024-02-02创建一个消息提示方法/** * 弹出消息提示框,采用浏览器布局,位于整个页面中央,默认显示3秒 * 后面的消息会覆盖原来的消息 * @param message:待显示的消息 * @param type:消息类型,0:错误消息,1:成功消息 */function showmessage(message, type) { let messageJQ= $("<div class='showmessage'>" message "</div>"); _jquery提示框
优雅而高效的JavaScript——try...catch语句(js异常处理)
2024-02-02除了内置的异常类型,JavaScript还允许我们创建自定义异常类型。通过创建自定义异常类型,我们可以根据自己的需求定义特定的错误类型,并在程序中抛出和捕获这些异常。要创建自定义异常类型,我们可以定义一个继承自Error的子类,并在子类中添加自定义的属性和方法。'自定义错误:' this.message;try {throw new CustomError('这是一个定义错误');console.log('捕获到自定义错误:', error.getErrormessage());_js try catch