postmessage javascript消息 页面
JavaScript 中URL 查询字符串(query string)的序列与反序列化
方法一： 在 JavaScript 中，可以使用 URLSearchParams 对象来处理 URL 中的查询字符串。 序列化（将 JavaScript 对象转换为查询字符串）可以使用 URLSearchParams 对象的 append() 方法，如下所示： let params = new UR ......
MQ系列11：如何保证消息可靠性传输（除夕奉上）
MQ系列1：消息中间件执行原理 MQ系列2：消息中间件的技术选型 MQ系列3：RocketMQ 架构分析 MQ系列4：NameServer 原理解析 MQ系列5：RocketMQ消息的发送模式 MQ系列6：消息的消费 MQ系列7：消息通信，追求极致性能 MQ系列8：数据存储，消息队列的高可用保障 M ......
【RocketMQ】消息拉模式分析
RocketMQ有两种获取消息的方式，分别为推模式和拉模式。 推模式 推模式在【RocketMQ】消息的拉取一文中已经讲过，虽然从名字上看起来是消息到达Broker后推送给消费者，实际上还是需要消费向Broker发送拉取请求获取消息内容，推模式对应的消息消费实现类为DefaultMQPushCons ......
JavaFx 页面和控件设置快捷键
原文：JavaFx 页面和控件设置快捷键 - Stars-One的杂货小窝 之前说过一篇window系统全局快捷键的设置，本期主要是讲解JavaFx应用程序的快捷键设置，还是有所区别的 这里主要是Tornadofx为例进行讲解，以Kotlin语言为例，由于比较简单，就不贴截图了，下面例子都是自己测试 ......
【译】我们对 2023 年核心页面指标的建议
原文地址：https://web.dev/top-cwv-2023，在正文开始前，推荐一款前端监控脚本：shin-monitor，它能监控前端的错误、通信、打印等行为，以及计算各类性能参数，包括 FMP、LCP、FP 等。 我们 Google 希望我们的性能建议侧重于： 对现实世界产生最大影响的建议 ......
【译】15 个有用的 JavaScript 技巧
原文地址：https://javascript.plainenglish.io/15-useful-javascript-tips-814eeba1f4fd 1）数字分隔符 为了提高数字的可读性，可以使用下划线作为分隔符。 const largeNumber = 1_000_000_000; con ......
为什么使用消息队列？我这样回答，面试官直说讲得很清楚
为什么要使用消息队列，六个字总结：解耦、异步、消峰 1）解耦 传统模式下系统间的耦合性太强。怎么说呢，举个例子：系统 A 通过接口调用发送数据到 B、C、D 三个系统，如果将来 E 系统接入或者 B 系统不需要接入了，那么系统 A 还需要修改代码，非常麻烦。 如果系统 A 产生了一条比较关键的数据， ......
基于WebSocket的实时消息传递设计
概述 web管理系统中可以对业务数据执行新增和删除，现在需要当业务数据发生新增或删除操作后，尽可能实时的反应到WPF客户端上面。 web管理系统用VUE编写，后端服务为SpringBoot，WPF客户端基于.Netframework4.8编写。 整体架构 sequenceDiagram title: ......
MQ系列10：如何保证消息幂等性消费
MQ系列1：消息中间件执行原理 MQ系列2：消息中间件的技术选型 MQ系列3：RocketMQ 架构分析 MQ系列4：NameServer 原理解析 MQ系列5：RocketMQ消息的发送模式 MQ系列6：消息的消费 MQ系列7：消息通信，追求极致性能 MQ系列8：数据存储，消息队列的高可用保障 M ......
教你用JavaScript实现乘法游戏
案例介绍 欢迎来的我的小院，我是霍大侠，恭喜你今天又要进步一点点了！我们来用JavaScript编程实战案例，做一个乘法积分游戏。乘法游戏主要通过用户输入的数值和程序计算的数值进行对比，正确积一分，错误扣一分。通过实战我们将学会JSON.parse方法、JSON.stringify方法、localS ......
JavaScript 中如何拦截全局 Fetch API 的请求和响应？
本文翻译自 Intercepting JavaScript Fetch API requests and responses 拦截器是可用于预处理或后处理 HTTP 请求的代码块，有助于全局错误处理、身份验证、日志记录等。在本文中，你将学习如何拦截 JavaScript Fetch API 请求。 ......
彻底弄懂Javascript模块导入导出
笔者开始学习Javascript的时候，对模块不太懂，不知道怎么导入模块，导出模块，就胡乱一通试 比如 import xx from 'test.js' 不起作用，就加个括号 import {xx} from 'test.js' 反正总是靠蒙，总有一种写法是对的，其实还是没有理解，还是不懂 尤其是在 ......
Node.js躬行记（26）——接口拦截和页面回放实验
最近在研究 Web自动化测试，之前做了些实践，但效果并不理想。 对于 QA 来说，公司的网页交互并不多，用手点点也能满足。对于前端来说，如果要做成自动化，就得维护一堆的脚本。 当然，这些脚本也可以 QA 来维护，但前提是得让他们觉得做这件事的 ROI 很高，依目前的情况看，好像不高。 所以在想，做一 ......
JavaScript 深拷贝的循环引用问题
如果说道实现深拷贝最简单的方法，我们第一个想到的就是 JSON.stringify() 方法，因为JSON.stringify()后返回的是字符串，所以我们会再使用JSON.parse()转换为对象，如下代码： let obj = { name: 'liaoyi',age: 22,sex: 1} J ......
JavaScript：原型(prototype)
面向对象有一个特征是继承，即重用某个已有类的代码，在其基础上建立新的类，而无需重新编写对应的属性和方法，继承之后拿来即用； 在其他的面向对象编程语言比如Java中，通常是指，子类继承父类的属性和方法； 我们现在来看看，JS是如何实现继承这一个特征的； 要说明这个，我们首先要看看，每个对象都有的一个隐 ......
JavaScript：类(class)
在JS中，类是后来才出的概念，早期创造对象的方式是new Function()调用构造函数创建函数对象； 而现在，可以使用new className()构造方法来创建类对象了； 所以在很多方面，类的使用方式，很像函数的使用方式： 但是类跟函数，还是有本质区别的，这在原型那里已经说过，不再赘述； 如何 ......
什么是Rabbitmq消息队列？ (安装Rabbitmq,通过Rabbitmq实现RPC全面了解,从入门到精通)
Rabbitmq 一: 消息队列介绍 1.介绍 消息队列就是基础数据结构中的 "先进先出" 的一种数据机构。想一下，生活中买东西需要排队，先排队的人先买消费，就是典型的 "先进先出"。 # 扩展 redis: 可以作为简单的消息队列 celery: 本事就是基于消息队列进行的封装。 2.MQ解决了什 ......
第一百一十七篇: JavaScript 工厂模式和原型模式
好家伙，本篇为《JS高级程序设计》第八章“对象、类与面向对象编程”学习笔记 1.工厂模式 工厂模式是另外一种关注对象创建概念的创建模式。 它的领域中同其它模式的不同之处在于它并没有明确要求我们使用一个构造器。 取而代之，一个工厂能提供一个创建对象的公共接口，我们可以在其中指定我们希望被创建的工厂对象 ......
Vue中关于数组与对象修改触发页面更新的机制与原理简析
Vue中关于数组与对象修改触发页面更新的机制与原理简析 相关问题 数组 使用索引直接赋值与直接修改数组length时，不会触发页面更新。 例如： <script> export default { name: "HomeView", data: () => ({ list1: ["A", "B"], ......
Javascript | 分别用async await异步方法和Promise来实现一个简易的求职程序
关注公众号，一起交流，微信搜一搜: LiOnTalKING JavaScript Promise Promise 是一个 ECMAScript 6 提供的类，目的是更加优雅地书写复杂的异步任务。 如何创建一个 Promise 对象？ new Promise(function (resolve, re ......
Kafka技术专题之「性能调优篇」消息队列服务端出现内存溢出OOM以及相关性能调优实战分析
本篇文章介绍Kafka处理大文件出现内存溢出 java.lang.OutOfMemoryError: Direct buffer memory，主要内容包括基础应用、实用技巧、原理机制等方面，希望对大家有所帮助。 ......
JavaScript Promises, async/await
这篇博客不是讲如何使用 Promise，是一个学习总结。是我自己对 Promise 的理解。 new Promise() 的时候，传一个 executor 给 Promise. let promise = new Promise(function(resolve, reject) { // this ......
不用USB，通过adb无线调试安卓手机页面
以前真机调试手机页面，都是使用数据线连接手机和电脑，近日身边没有USB数据线，折腾了下如何不依赖数据线只用无线调试手机页面，教程如下。 本教程适用于安卓11以及以上版本。否则应该使用USB数据线连接。 一、安装adb工具 下载地址：https://developer.android.com/stud ......
如何用 JavaScript 编写你的第一个单元测试
前言 测试代码是使代码安全的第一步。做到这一点的最好方法之一是使用单元测试，确保应用程序中的每个小功能都能发挥其应有的作用--特别是当应用程序处于边缘情况，比如无效的输入，或有潜在危害的输入。 为什么要单元测试 说到单元测试，有许多不同的方法。单元测试的一些主要目的是： 验证功能：单元测试确保代码做 ......
JavaScript入门⑧-事件总结大全
事件（Event）是JavaScript的心脏，触发各种交互，让网页动起来。事件是浏览器网页可以监测到的行为，如页面加载、鼠标点击、键盘按键等。在这些事件中可以自定义事件处理程序，用于实现各种业务需求。 ......
JavaScript入门⑦-DOM操作大全
DOM（Document Object Model）文档对象模型，将文档document解析为一个由节点和对象（包含属性和方法的对象）组成的逻辑树，每个节点都是一个对象，document对象就是整个DOM树的根节点。 ......
JavaScript入门⑨-异步编程●异世界之旅
JavaScript的是单线程的语言，按顺序执行。事件循环（Event loop）是JS的运行机制，也是JS实现各种“异步”功能的基础。 ......
JavaScript中的防抖与节流-图文版
防抖与节流目的都是避免一定时间内，大量重复的操作造成的性能损耗。因此原理也类似，都是阻止过多的事件执行，只保留一部分来执行。适用场景略有不同，也有交叉，动手练习一遍就懂了。 ......
JavaScript冒泡排序+Vue可视化冒泡动画
冒泡排序（Bubble Sort）算是前端最简单的算法，也是最经典的排序算法了。网上JavaScript版本的冒泡排序很多，今天用Vue实现一个动态的可视化冒泡排序。 ......