postmessage javascript消息 页面
RabbitMQ 发送消息到交换机
发送消息到交换机的代码： @GetMapping("/mq02")//发送消息给交换机public void mq02(){ String exchangeName = "hmall.fanout"; String msg = "hello, 每个人"; //三个参数：交换机名称、RoutingKe ......
什么是前端 Web 应用响应式页面布局里的 Breakpoint 概念
在 Web 前端开发中，响应式设计是一个非常重要的概念，它允许网页 UI 根据不同的设备屏幕大小进行适当的调整以优化用户体验。在这种设计中，breakpoint 是一个关键的概念。 我们可以把 breakpoint 理解为屏幕宽度的一种临界点，当屏幕宽度达到这个点时，我们会调整页面布局以适应这个新的 ......
前端学习-JavaScript学习-js基础-API02-轮播图案例
自己写的 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docu ......
回到页面顶部（回到顶部、过渡动画）
项目背景： vue 1.创建 backtop.vue 的回到顶部逻辑的组件 <template> <transition name="back-up-fade"> <div class="back-top" :style="{ bottom: bottom + 'px', right: right ......
深入理解Async/Await：从原理到实践的JavaScript异步编程指南
理解 async/await 的原理和使用方法是理解现代JavaScript异步编程的关键。这里我会提供一个详细的实例，涵盖原理、流程、使用方法以及一些注意事项。代码注释会尽量详尽，确保你理解每个步骤。 实例：使用async/await进行异步操作 <!DOCTYPE html> <html lan ......
Web 应用中显示页面字体使用的 font-based icons 技术讲解
在前端Web应用开发中，采用字体图标（font-based icons）的方法是一种常见的技术，它允许开发者使用字体文件来呈现图标，而不是使用传统的图像文件。这种方法的优势在于它提供了一种灵活、轻量级且易于管理的方式来集成和使用图标，同时减少了HTTP请求和提高性能。 Font-based icon ......
python网站创建008：初始JavaScript
JavaScript：是一门可以操作html标签的一门语言。可以实现类似“弹框”的功能 实现需求：假如我想在一个输入框内输入“hello world”，点击某个按钮，然后在“弹框”上显示出“hello world”， 这该怎么做呢？ 1.首先将“输入框”和“点击”按钮写出来，如下： <!DOCTYP ......
RabbitMQ 接收队列的消息
代码示例： 注：要把这个类加上Component注解 package com.itheima.amqp_listener;import org.springframework.amqp.rabbit.annotation.RabbitListener;import org.springframewo ......
RabbitMQ 发送消息到队列（交换机不参与的那种）
1. 导包 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-amqp</artifactId></dependency> 2.在 application.yml 文件里编 ......
javascript 数据变形 key:value转换
[javascript - Convert key/value pairs to object using lodash - Stack Overflow](https://stackoverflow.com/questions/50399034/convert-key-value-pairs-to ......
3种跳转页面方法的区别以及可能遇到的问题
1.window.open() 方法： window.open() 方法会在浏览器中打开一个新窗口或标签页，并加载指定的 URL。可能遇到的问题：由于浏览器的安全限制，该方法只能在用户交互事件的处理程序中使用（例如点击按钮），不能在页面的 onload 事件中使用。同时，一些浏览器可能会屏蔽弹出窗口 ......
JavaScript面试题
列举常用的字符串方法 indexOf(要查找的字符，开始索引) 查找某个字符串第一次出现的位置 lastIndexOf(要查找的字符，开始索引) 查找某个子字符串最后一次出现的位置 replace(被替换的内容，要替换的内容) 替换好的字符串 substr(从哪个索引开始，截取多少个) 返回截取到的 ......
消息传递：管道和FIFO
一、简介 管道是没有名字的，管道创建的资源由内核管理，单个程序中不同进程通过管道描述符fd进行通信，对于程序和程序之间是无法通信的。 FIFO是有名字的（也称为 有名管道），每一个FIFO都有一个文件与之关联，但仅限于同一主机程序与程序之间通信，无法通过在NFS上创建FIFO通信。 二、管道 所有管 ......
如何保证RocketMQ消息不丢失
一、概述 一个消息从开始到结束会经历这么三个阶段：生产阶段、消息队列Broker存储阶段和消费阶段。一个消息在三个阶段中的任何一个阶段都有可能丢失，知道这个之后，我们只要保证这三个阶段不出现问题，消息自然就不会出现丢失了。接下来我们来细说一下如何保证这三个阶段不出现问题。 二、生产阶段 生产阶段的使 ......
前端学习-JavaScript学习-js基础-API01
学习视频:黑马程序员视频链接 DOM简介 DOM简介 DOM树：将HTML文档标签以树状形式表现出来 DOM对象：每个标签都是DOM对象 DOM核心思想：将网页内容当作对象处理 DOM中最大的对象：document，其次是<html> <!DOCTYPE html> <html lang="en"> ......
计算器登录页面的设计与实现
【实验内容】 1.设计一个包含登录界面的计算器软件，该软件可以实现第一次作业中的全部功能，同时可以保存用户的历史计算记录（保存数据最好使用数据库）。 【实验环境及开发工具】 1.使用visors绘制流程图。 2.使用eclipse编写软件。 【流程图设计】 （1）软件总体流程图 （2）登录界面流程图 ......
Vue网站发布到iis后提示404页面不可访问
参考：https://www.cnblogs.com/yhnet/p/14804869.htmlvue重定向和跨域配置：https://zhuanlan.zhihu.com/p/5306882511.安装组件：URL Rewrite：https://www.iis.net/downloads/mic ......
JavaScript for循环递减(-)
for (var i = 5; i > 0; --i) { console.log(i) }打印： 5 4 3 2 1 ......
交互式页面动画网站
Flash动画综合设计并发布、嵌入到网页 【作业要求】 自己选定主题，创意制作Flash动画，并与网页进行集成 【实验环境】 l 所需硬件环境为微机； l 所需软件环境为Flash8.0 【创意内容】 使用引导线做运动路径 使用遮罩层 种子发芽和小鱼游动考虑整体审美架构 加入背景音乐 通过色彩、元素 ......
JavaScript中return await究竟有无用武之地？
有没有区别？ 先上一个 Demo，看看async函数中return时加和不加await有没有区别： function bar() { return Promise.resolve("this from bar()."); } async function foo1() { return await ......
Vue 项目配置自动更新，自动刷新页面
今天用户反馈使用页面的时候，有时候点击没反应，排查下来，是因为发布版本的时候，用户那边没有加载最新的文导致的，然后根据思路，做了这个自动更新的功能 效果预览 http://demo.webwlx.cn/#/update 实现思路 1. 把当前版本的编译时间，通过环境变量的方式保存起来 打开 vite ......
JavaScript 防抖和节流
JavaScript 防抖和节流 防抖 以下js类库实现方法： lodash.debounce underscore - debounce 最初接触实现一个防抖函数的需求，是在前端封装 React 组件的过程中，当时是要实现一个搜索下拉框，根据输入提示搜索内容。根据 <input> 的input事件 ......
javascript运行时报"未定义"错误怎么办
https://www.php.cn/faq/508703.html Javascript是一种非常流行的编程语言，它广泛地应用于网页开发、动态效果实现、数据处理等领域。然而，Javascript也存在一些常见的错误，在开发的过程中需要我们注意和处理。其中之一的运行时错误：""未定义，下面就来详细介 ......
RabbitMQ：消息丢失 | 消息重复 | 消息积压的原因+解决方案
前言 首先说一点，企业中最常用的实际上既不是RocketMQ，也不是Kafka，而是RabbitMQ。RocketMQ很强大，但主要是阿里推广自己的云产品而开源出来的一款消息队列，其实中小企业用RocketMQ的没有想象中那么多。深层次的原因在于兔宝在中小企业普及更早，经受的考验也更久，很容易产生「 ......
uniapp开发实现对带有动态二维码的页面实现截图保存
要求：最近工作中，uniapp开发中遇到一个问题，期望对，一个带有动态生成二维码的页面，实现截屏功能。通过webview实现的截屏功能，最后生成的图片，中间的二维码部分是空白的。 问题：实现截屏，发现只用中间的二维码部分是空白的（如图）； 代码参考网上博客实现截屏： 1 saveImageByScr ......
vue3页面中，两个相同组件，一个卸载，一个挂载，后展示的组件事件监听不生效？
场景：在实际开发中，遇到了这样一种场景，vue3页面，两个相同组件，在满足某条件下展示第一个组件，满足另一个条件下，隐藏第一个组件，同时展示第二个组件，比如反馈组件，会通过 window.addEventListener 来监听自定义的反馈弹窗展示和隐藏事件。 结果：两个相同组件一个卸载，一个挂载， ......
在web-view加载的本地及远程HTML中调用uni的API及网页和vue页面通讯
转载于在web-view加载的本地及远程HTML中调用uni的API及网页和vue页面通讯 - DCloud问答 uni-app的web-view组件，支持加载远程网页，在app环境下，还支持加载本地HTML页面。 在web-view加载页面中，会涉及wx、plus、uni等对象的使用。 在小程序下 ......
2023-11-30 记录实用小案例 —— react监听页面返回时执行事件
useEffect(() => { const handlePageBack = () => { // 此处写你想要触发的事件 }; // 监听浏览器的 popstate 事件，即页面返回事件 window.addEventListener('popstate', handlePageBack); ......
【Azure Cache for Redis】Redis的导出页面无法配置Storage SAS时通过az cli来完成
问题描述 在Azure Redis的导出页面，突然不能配置Storage Account的SAS作为授权方式。 那么是否可以通过AZ CLI或者是Powershell来实现SAS的配置呢？ 问题解答 可以的。使用 az redis export 可以实现 az redis export --cont ......