postmessage javascript消息 页面
直播平台搭建，JS实现页面下拉加载数据操作
直播平台搭建，JS实现页面下拉加载数据操作 前端页面代码如下，我用的PHP，HTML页面应该就行，主要是在id="ph"的div内加载数据： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.o ......
python+playwright 学习-39.登录页面滑动解锁(ActionChains)
前言 登录页面会遇到滑块解锁，滑动解锁的目的就是为了防止别人用代码登录（也就是为了防止你自动化登录），有些滑动解锁是需要去拼图这种会难一点。 有些直接拖到最最右侧就可以了，本篇讲下最简单的直接滑动最右侧的滑块解锁。 滑动解锁场景 看下图，是我本地写的一个 slider.html 网页 除了输入账号和 ......
uniapp getCurrentPages()回塞数据 回塞到页面组件里解决方法
//数据展示页 <lab ref="thridRef" confirm="sumbitFn"></lab> const thridRef = ref() //数据展示页引用的组件 lab.vue //抛出需要被塞数据的字段 defineExpose({form}) //回塞数据页 var pages ......
【JavaScript快速排序算法】不同版本原理分析
说明 快速排序（QuickSort），又称分区交换排序（partition-exchange sort），简称快排。快排是一种通过基准划分区块，再不断交换左右项的排序方式，其采用了分治法，减少了交换的次数。它的基本思想是：通过一趟排序将要排序的数据分割成独立的两部分，其中一部分的所有数据都比另外一部 ......
kratos中使用kafka手动ACK消息的方法
参考项目：https://gitee.com/huoyingwhw/kratos_kafka 参考视频：https://www.bilibili.com/video/BV1dM4y1m7ix/?vd_source=0bed7ecd22f81e2fed5ccaab40168b8c ......
太坑了，我竟然从RocketMQ源码中扒出了7种导致消息重复消费的原因
大家好，我是三友~~ 在众多关于MQ的面试八股文中有这么一道题，“如何保证MQ消息消费的幂等性”。 为什么需要保证幂等性呢？是因为消息会重复消费。 为什么消息会重复消费？ 明明已经消费了，为什么消息会被再次被消费呢？ 不同的MQ产生的原因可能不一样 本文就以RocketMQ为例，来扒一扒Rocket ......
小程序扫描二维码进到某个页面，在该页面获取二维码携带的参数
onLoad: function (options) { // 分享过来推荐码 if (options && options.qrCodeUuid) { app.qrCodeUuid = options.qrCodeUuid app.cityCode=options.areaCode this.ge ......
C#实现kafka消息队列-Confluent.Kafka
一、本文是C#引用Confluent.Kafka.dll实现kafka消息队列的实际开发例子。在实际开发中遇到9094端口始终消息生产和消费超时的问题，需要对网络白名单进行配置或者直接使用9092端口。大部分Time Out情况与代码无关，跟kafka的安装配置有关。 二、、Nuget中添加引用Co ......
如何在html页面跳转的时候携带数据(页面跳转时参数传递问题)
在html页面进行跳转的时候，我们需要把一个页面的数据传输到另外一个页面时，我们应该怎么做呢？ 解决办法： 效果如下： a页面 点击跳转按钮后 在b页面可以获取到对应的值。 代码如下： <!DOCTYPE html> <html> <head lang="en"> <meta charset="UT ......
使用Netty框架完成客户端和服务端收发Protobuf消息
前言 本周继续学习尼恩编著的《Netty、Redis、ZooKeeper高并发实战》，一些资源也贴在这里，自己以后想看还可以找到，这个是在博客园的一个入口https://www.cnblogs.com/crazymakercircle/p/9904544.html。 这周主要学习了Netty客户端和 ......
共享锁、排他锁、互斥锁、悲观锁、乐观锁、行锁、表锁、页面锁、不可重复读、丢失修改、读脏数据
共享锁（S锁）又称为读锁，可以查看但无法修改和删除的一种数据锁。如果事务T对数据A加上共享锁后，则其他事务只能对A再加共享锁，不能加排它锁。获准共享锁的事务只能读数据，不能修改数据。 共享锁下其它用户可以并发读取，查询数据。但不能修改，增加，删除数据。资源共享. 排它锁（X锁）又称为写锁、独占锁，若 ......
详解 | 小程序页面间如何进行传递数据
工作中我们经常会遇到B页面需要A页面内的部分或全部数据；C页面内的一个函数执行完之后需要改变B页面内的显示样式；也或者是A和B两个页面用到了同样的网络数据，在其中一个页面做出修改后另一个页面也要随之改变以保证回传服务器时数据的准确性，等等诸如此类的页面间数据传递的问题。 在小程序中组件与组件之间的通 ......
微信小程序内嵌H5，发布后无法打开页面
解决方法 一、在微信公众平台，登录微信小程序的帐号。 二、配置业务域名 进入【开发-开发管理-开发设置-业务域名】中，开始配置业务域名（配置业务域名需小程序管理员扫码验证） 填写需要跳转的域名，然后点击下载校验文件，并将其放置在需要跳转的域名的根目录下。 注意：业务域名（即需要跳转的域名）需经过IC ......
Spartacus Storefront 产品明细页面里的 Add to Wish 动态隐藏问题
这个 configurable 产品(搜索 home theater)明细页面里，没有看到 add to wish list 的超链接： http://localhost:4000/electronics-spa/en/USD/product/CONF_CAMERA_SL-PROF-BLACK/di ......
Javascript之V8内存和垃圾回收讲解
1 Javascript内存 1.1 Javascript引擎 常见JavaScript引擎有V8，JavaScriptCore，TraceMonkey，JScript。JavaScript在不同引擎中的内存模型实现不同，其中V8引擎开源且市占率远高于其它引擎，因此本文将围绕V8进行讲解。 在学习之 ......
什么是 RUM JavaScript
RUM JavaScript 指的是一种用于网页性能监测的 JavaScript 代码，它能够在用户访问网站时记录用户的行为和页面性能数据，并将这些数据发送给RUM（Real User Monitoring，实时用户监测）系统进行分析和展示。 RUM JavaScript 通常通过在网页的头部或底部 ......
JavaScript 函数 window.matchMedia 的用途
以下是window.matchMedia()函数的基本语法： var mediaQueryList = window.matchMedia(mediaQueryString); 其中，mediaQueryString是一个字符串，表示要检查的媒体查询条件。例如，要检查当前设备的屏幕宽度是否小于某个值 ......
java——spring boot集成kafka——单播与多播消息的实现
单播消息的实现： 单播消息：⼀个消费组⾥ 只会有⼀个消费者能消费到某⼀个topic中的消息。于是可以创建多个消费者，这些消费者在同⼀个消费组中。 创建一个消费者，此消费者属于消费组testGroup，获取borker为：10.31.167.10:9092中 主题为test的消息； ./kafka-c ......
css让div在页面上下左右居中
.box{ position: absolute; left:50%; top:20%; transform: translate(-50%, -50%); } <div class="box"><div > ......
javascript的基础知识
1.声明与变量 let声明的变量可以多次赋值 let 变量名 = 值； const修饰叫常量，只能赋值一次，但是引用的值可以改变 var声明的变量可以多次赋值 结论：能用let不用var ，因为作用域的问题 2.基本类型和对象类型 undefined 和 null undefined 指 未定义的对 ......
uni-app中左滑右滑页面
在H5项目中有时候会遇到左滑右滑的问题，左滑去上一个页面，右滑去下一个页面 通过以下代码即可实现 <view @touchstart="touchStart" @touchend="touchEnd"></view> 下边是js touchStart(e){ if (e.touches.length ......
如何保障消息中间件100%消息投递成功？如何保证消息幂等性？
我们应该都听说够消息中间件MQ，如：RabbitMQ，RocketMQ，Kafka等。引入中间件的好处可以起到抗高并发，削峰，业务解耦的作用。 如图： （1）订单服务投递消息给MQ中间件 （2）物流服务监听MQ中间件消息，从而进行消费 如何保障订单服务把消息成功投递给MQ中间件，以RabbitMQ举 ......
学习 React 需要具备的 JavaScript 知识
学习 React 之前，你需要学习 JavaScript，因为 React 是基于 JavaScript 的，所以你需要了解 JavaScript 的基础知识，这样你才能更好地理解 React 的工作原理。本文将帮助你了解 JavaScript 的基础知识，以便你可以更好地学习 React。 ......
SAP UI5 本地开发如何实现 XML 和 JavaScript 代码的自动完成和嵌入式 API 文档自动显示
文章目录 本文写作动机 XML 视图元素的文档显示 控制器里 JavaScript 代码的 API 文档 JavaScript 控制器代码里方法的自动提示和补全功能 UI5 Explorer XML 视图里元素名称的自动提示和自动完成 sap.ui.define 里导入其他 SAP UI5 库模块的 ......
使用 PC 端浏览器开发者工具对移动端真机环境 Web 页面进行远程调试
Mac/Windows 浏览器开发者工具远程调试 iPhone/Android 页面 在移动端 Web 开发中，有时候只通过模拟器进行调试是不够的，需要在真机环境下进行调试才能发现并解决一些问题。而移动端真机环境浏览器没有开发者工具，在这种情况下，使用 PC 端浏览器开发者工具对移动端真机环境的 W ......
解决antd中，select和DatePicker组件不跟随页面滚动的问题
在开发过程中，经常会使用到Select、DatePicker等组件，当这些组件在可滚动的区域内滚动时，你会发现该组件的选项框也会跟着滚动，产生分离 解决方法antd的官方API给我们提供了getPopupContainer属性，该属性是菜单渲染的父节点，默认是body。只要添加该属性，设置好父节点， ......
关于在 vue 3 和 vue router 中使用 transition 过渡动效的 mode 属性导致页面跳转空白的问题
先放结论：不要在路由组件的 template 块中使用多个根标签，注释也不行。 今天碰到一个奇葩的问题，后端告诉我说，进入特定页面后，跳转其他页面均会白屏，刷新后就会加载。 一开始我以为是菜单的问题，搞鼓了半天，发现没什么问题。之后我又以为是路由的问题，发现只要移除了 transition 的 mo ......
系统化学习前端之JavaScript（02）
前言 学习了 JavaScript，如何关联 HTML 和 CSS 呢？没错，DOM 就是干这个的。 DOM Document Object Model，文档对象模型，专门操作网页内容的 API 标准。 DOM 操作页面内容 网页内容是由多个 DOM 元素以树结构组合而成，也称为 DOM tree。 ......