postmessage javascript消息 页面
javascript 自定义分页组件
仿boostrap 前端分页组件的实现 一 写一个前端自定义分页组件，需要考虑以下问题 /* 需要一个<ul id="pagination"></ul>标签 total; // 总数据的数量 pageSize; // 一页显示数量 pageIndex; // 当前页 */ 二 实现细节 编写html ......
Vue 项目配置自动更新，自动刷新页面
今天用户反馈使用页面的时候，有时候点击没反应，排查下来，是因为发布版本的时候，用户那边没有加载最新的文导致的，然后根据思路，做了这个自动更新的功能 效果预览 http://demo.webwlx.cn/#/update 实现思路 1. 把当前版本的编译时间，通过环境变量的方式保存起来 打开 vite ......
（javascript）将ztree树结构的数据转成二维数组
ztree树结构的数据结构如下：[ { "id": 3990, "name": "泡沫灭火", "iconShow": false, "children": [ { "id": 8616, "name": "泡沫发生器", "iconShow": false, "children": [ { "id ......
前端页面的懒加载和预加载
前言 懒加载也就是延迟加载。当访问一个页面的时候，先把 img 元素或是其他元素的背景图片路径替换成一张大小为 1*1px 图片的路径（这样就只需请求一次，俗称占位图），只有当图片出现在浏览器的可视区域内时，才设置图片正真的路径，从而减轻服务器压力，避免用户等待时间过长（一般在网站图片很多的时候使用 ......
JavaScript-数组（array）操作
1、Map 名称：遍历 作用：对数组每一项进行操作，并返回一个新数组，不影响原数组； 示例： val：每次执行的数组项 index：index = val 在原数组中的下标 array：原数组 2、Filter 名称：过滤器 作用：对数组进行筛选，并返回筛选结果新数组，不影响原数组 示例： val： ......
JavaScript-监听浏览器返回上一页
1、popstate监听浏览器返回上一页 $(window).ready(function () { var state = { title: 'title', url: '#' } window.addEventListener('popstate', function (e) { // 监听浏览 ......
10个不常被提及的JavaScript小技巧
1、过滤数组重复值 作用：数组去重 方法：Es6 中 Set 方法，Set类似于数组，但是成员的值都是唯一的，结合拓展运算符（...）创建一个新的数组，达到过滤原数组重复值的功能，原数组不变； 示例： 注意：包含 object、function、array下不适用 2、短路求值 作用：简化 if 判 ......
从输入url到页面展现发生了什么
大致是如下步骤: 根据地址栏输入的地址向 DNS(Domain Name System)查询 IP 通过 IP 向服务器发起 TCP 连接 向服务器发起请求 服务器返回请求内容 浏览器开始解析渲染页面并显示 关闭连接 一.DNS 域名解析的过程是逐级查询的 浏览器缓存: 首先会向浏览器的缓存中读取上 ......
JavaScript之splice()
参考：https://blog.csdn.net/weixin_45726044/article/details/120151153 概述 splice() 方法通过删除或替换现有元素或者原地添加新的元素来修改数组，并以数组形式返回被修改的内容。此方法会改变原数组。 一个参数 splice(inde ......
created中两次数据修改，会触发几次页面更新
面试题：created 生命周期中两次修改数据，会触发几次页面更新？ 一、同步的 先举个简单的同步的例子： new Vue({ el: "#app", template: `<div> <div>{{count}}</div> </div>`, data() { return { count: 1, ......
抖音主播私信脚本，给直播间的主播发消息，按键精灵脚本开源
这个脚本运行后会给正在直播的主播自动发送话术消息，也是用按键精灵写的，我自己测试运行没有任何问题，下面是UI和代码。 UI界面： 界面代码： 界面1: { 请在下面设置话术: { 输入框: { 名称:"输入框1", 提示内容:"提示用户应该输入什么内容", 初始文本:"测试话术1#测试话术2#测试话 ......
陌陌附近人打招呼脚本，可自动回复消息，按键精灵开源脚本
用按键写的一个陌陌自动打招呼发送指定话术消息的一个脚本，它还会检测对方的消息，然后自动回复指定信息，下面是UI界面和代码，你可以直接粘贴到自己的按键精灵里面运行，不会出错，已经测试过。 UI界面： 脚本代码： Dim 布局名称,点击坐标,话术,分割话术,随机值,文本,id,结果,时间,端口,最高年龄 ......
直播平台搭建，实现自定义设置登录页面
直播平台搭建，实现自定义设置登录页面 1.在resources中建立static文件夹（默认找这里面的页面） 创建login.html <!DOCTYPE html><html xmlns:th="http://www.thymeleaf.org"><head> <meta charset="UTF ......
javascript postMessage给子页面发消息
发送消息页面 <!DOCTYPE html> <html> <head> <title>demo</title> <meta charset="utf-8" /> <script> var childwin const childname = "popup" function openChild() ......
vue+pdfh5实现将pdf渲染到页面上
版本：pdfh5@1.4.7 vue2+.net Core 6.0webapi 方法一：通过访问后端获取二进制数据来渲染 前端渲染 <template> <vol-box ref="box" :width="width" :height="height"> <div id="demo" ref="r ......
将较大的数组赋值<el-table></el-table>时，会导致页面卡顿，甚至崩溃
遇到的问题：将长度为40的数组数据赋值<el-table></el-table>，我发现loading没有效果，后面发现是页面卡住了，loading直接没有出现。 经过查询资料，发现<el-table>会有卡顿的问题，看到有的博主推荐使用一款叫umy-ui的插件，我就试了试，发现卡顿的问题解决了。 ......
升讯威在线客服系统的并发高性能数据处理技术：实现拔网线也不丢消息的高可靠通信（附视频）
有许多客户做的是外贸业务，服务器部署在海外，比如香港、韩国、美国等，有些客服之前用基于网页的客服系统，最为困扰的问题就是丢消息！而使用我的客服系统，做到了100%稳定，不丢客户不丢消息。 ......
万字长文：从 C# 入门学会 RabbitMQ 消息队列编程
RabbitMQ 教程 目录RabbitMQ 教程RabbitMQ 简介安装与配置安装 RabbitMQ发布与订阅模型生产者、消费者、交换器、队列多工作队列交换器类型DirectFanoutTopic交换器绑定交换器消费者、消息属性Qos 、拒绝接收消息确认模式消息持久化消息 TTL 时间队列 TT ......
11.16 基本完成个人任务管理系统项目后重新复习JavaScript高级程序设计——声明var与let变量关键字区别的笔记
我看的是js高级程序设计第四版，前两章快速了解了一下，第三章开始慢啃，虽然内容枯燥，很多东西自己也知道了，但还是有一些收获的。 比如，声明变量的三个关键词：var、let、const；var以前经常用但是会出问题，相比let没有那么严谨（var声明范围函数作用域，而let声明范围块级作用域）。 看个 ......
第六章 消息认证和哈希函数 —— 现代密码学（杨波）课后题答案解析
第五章作业参考答案 1．6.1.3节的数据认证算法是由CBC模式的DES定义的，其中初始向量取为0，试说明使用CFB模式也可获得相同的结果。 解：设需认证的数据分为64比特长的分组，D1,D2,…,DN，其中DN不够64比特则右边补0，由题设，数据认证算法相当于在CBC模式中初始向量取为0，并按如下 ......
使用js添加按钮，vue页面 el-calendar 添加自定义按钮
html代码： <div class="schedule"> <div class="title"> 今 日 日 程 </div> <div class="allSchedule"> <el-row class="addSchedule" type="flex" align="middle"> <e ......
JavaScript判断图片是否已经加载完毕的方法汇总_javascript技巧
在网上有很多关于判断图片是否已经加载完毕的文章，但是有的浏览器并不适合，下面小编给大家分享一些有关JavaScript判断图片是否已经加载完毕方法汇总，具体内容如下所示： 一.onload事件 通过监听图片的onload事件，可以判断图片是否已经加载完成，兼容所有的浏览器（w3c推荐方法），代码示例 ......
JavaScript 的数组方法
数组方法构成了任何编程语言中数组的基本方面。这些方法使程序员能够操作、迭代和转换数组，为各种任务提供有效的解决方案。无论是排序、过滤还是映射数据，理解和利用数组方法都是释放代码全部潜力的关键 值（） 该方法返回一个迭代器，为数组中的每个索引提供一个值，不需要任何参数。 长度（） 该方法返回数组的长度 ......
JavaScript
JavaScript 什么是JavaScript JavaScript是一门世界上最流行的脚本语言 快速入门 引入JavaScript <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title ......
setTimeout 是浏览器环境提供的，JS 标准没有规定。不是JavaScript的全局函数，是浏览器（宿主环境）提供的
下列哪些函数是JavaScript的全局函数？ A encodeURI B parseFloat C setTimeout D eval 正确答案：ABD 答案：A、B、D 个人记忆方法：6（编码相关）+ 2（数据处理）+ 4（数字相关）+ 1（特殊） 编码相关： escape()、unescape ......
onclick="javascript:void(0)"就是行内javascript
给网页添加JavaScript的方式有 A 使用script标签，将javascript代码写到之间 B 添加外部javascript文件 C 使用行内javascript D 使用@import引入javascript文件 正确答案：ABC A正确。使用script标签，将javascript代码 ......
Eclipse安装中文语言包导致部分页面功能和工作区域无法加载或使用的解决办法
Eclipse安装中文语言包插件（eclipse菜单栏：“Help”—>“Install New Software”）出现：“Welcome”页面无法加载，“Task List”“Outline”等工作区无法使用等情况。 针对这种情况，需要卸载安装的中文语言包插件。 具体步骤为： eclipse菜单 ......
【你不知道的JavaScript】this关键字
没有this时，需要传入上下文获取name，在多个上下文时，代码变得繁杂重复 var me = { name: "Kyle" }; var you = { name: "Reader" }; function identify(context) { return context.name.toUpp ......
javascript promise all实现图片顺序加载
不使用promise时是异步加载，图片加载的顺序不固定 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-sca ......
批量导出多个页面为pdf文件
添加多个页面组件ref，每个页面组件加一个回调函数来判断此页面数据是否已经加载完毕，加载完毕所有页面后执行导出 import React, { useContext, useEffect, useRef, useState } from 'react'; import styles from './ ......