浏览器 事件js ie
JS 判断是否有滚动条和滚动条滚到底部
判断是否有滚动条 const scrollDom = document.getElementById('滚动元素id') if (!scrollDom) return if (scrollDom.clientHeight scrollDom.scrollHeight) { // 没有滚动条 } 判断 ......
【Java - 图形界面设计】窗体 && 组件 && 事件
窗体 窗体对象JFrame package com.EveX.frame; import javax.swing.*; public class FrameTest { public static void main(String[] args) { /*创建窗体*/ JFrame frame = ......
记录--浏览器跨标签星球火了，简单探究一下实现原理
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 一、前言 最近 推特上 一位懂设计和写代码的大神一个两个浏览器之间 星球粒子交互的动画火了， 让人看了大呼脑洞大开， 浏览器竟然还能这么玩！！！ 准备自己也搞搞玩一下 二、实现 原作者的粒子动画非常炫酷， 但是不是我们本文重点， 我们通过 ......
深入了解JS中for...in和for...of的区别
for...in 的特点 for...in 循环返回的值都是数据结构的 键值名(即下标)。 遍历对象返回的对象的 key 值,遍历数组返回的数组的下标(key)。 for...in 循环不仅可以遍历数字键名,还会遍历原型上的值和手动添加的其他键。 特别情况下, for...in 循环会以看起来任意的 ......
HTML 中用 js 画出谢尔宾斯基三角形 Sierpinski triangle ( chaos 画法)
谢尔宾斯基三角形（英语：Sierpinski triangle）是一种分形，由波兰数学家谢尔宾斯基在1915年提出。它是自相似集的例子。它的豪斯多夫维是log(3)/log(2) ≈ 1.585。 随机的绘画方法 先定三点ABC使其构成一个没有边的等边三角形 然后在三角形内随机定一个点P 然后在AB ......
原理-事件循环
如何理解 JS的异步? 参考答案: JS是一门单线程的语言，这是因为它运行在浏览器的渲染主线程中，而渲染主线程只有一个。而渲染主线程承担着诸多的工作，渲染页面、执行 JS 都在其中运行。如果使用同步的方式，就极有可能导致主线程产生阻塞，从而导致消息队列中的很多其他任务无法得到执行。这样一来，一方面会 ......
js 闭包使用一例
有如下js: function startTimer(sentence) { alert('start'); sentence.longPressTimer = setTimeout(function() { alert(sentence); //此处sentence为undefined }, 10 ......
如何使用Tampermonkey开发并使用一个浏览器脚本
准备工作 简介 Tampermonkey 是一款强大的浏览器扩展，它允许您定制网页的行为，改变和优化网页的展示方式或者功能以满足个人需求。通过编写自定义脚本，您可以实现许多有趣的功能，从自动化任务到改进网页界面，一切尽在掌握。 脚本一般指用户脚本(User Script)，他是一段 Javascri ......
5.main.js配置
1、根目录新建api文件夹 api文件夹分mock（存放虚拟json）和urls（api请求链接） urls 中新建index.js来汇总按分类拆分的url请求文件 2.添加api配置 import installApi from '@/api' // 请求api Vue.use(installAp ......
Vue中自定义组件监听事件传参
自定义数字框组件如下 <template> <div class="count-box"> <button @click="handleSub" class="minus">-</button> <input :value="value" @change="handleChange" class=" ......
通俗易懂的js原型链
原型链是js基础比较重要的一个环节； 提到原型链有三个比较重要的概念： 实例 构造函数 以及 原型对象，其中三者的关系： 构造函数 new =》 创建一个实例； 构造函数 prototype =》原型对象； 同时 原型对象 constructor =》 构造函数； 实例 __proto__ => 原 ......
Live Server插件打开浏览器时：该网页无法正常运作，127.0.0.1未发送任何数据的问题解决
一、问题复现 今天使用Vs Code写HTML代码时，使用Live Server打开预览时，发现浏览器显示“该网页无法正常运作，127.0.0.1未发送任何数据”的问题。 二、解决办法 1. 在左侧工具栏找到扩展商店，找到Live Server，然后点击对应的小齿轮，进入插件设置。 2. 选择Ext ......
WPS JS宏
WPS JS宏 1 JS宏基础 1.1 JS宏基础 1.1.1 JS录制新宏 如果在WPS表格中要编写控制表格的代码，却又不知道如何编写，那么可以使用JS录制新宏功能，接下来录制几个常用的操作： 录制在指定单元格写入数据。 新建工作表，并重命名。 单元格格式设置 录制新宏优点：快速获取操作单元格的代 ......
谷歌浏览器(Chrome) 打开所有网页报错错误代码：STATUS_STACK_BUFFER_OVERRUN
1、在开始菜单，搜索【Exploit Protection】，点击进入程序设置 2、添加程序进行自定义，点击左侧+号，选择【按程序名称添加】 3、程序名称输入：chrome.exe 4、在程序设置页面，往下翻到第十三个设置，【硬件强制实施地堆栈保护】，勾选替代系统设置，开关开启，选择仅审核，点击应用 ......
socket.on可以直接添加自定义事件吗，理解socket的事件触发与响应
在Web开发中，socket.on通常是用于注册处理特定事件的回调函数的方法。它主要用于处理Socket.IO库中的预定义事件，例如"connect"、"disconnect"、"message"等。 然而，Socket.IO也允许你添加自定义事件，以便在客户端和服务器之间进行自定义的双向通信。要使 ......
mac下，利用chrome浏览器长截图（滚动截图）
1、打开需要截图的网页，随便选一个，然后「右键」「检查」，如下图。 2、点击「检查」，出现控制台窗口后，按「command+shift+p」键，如下图所示。 3、在「Run」的后面，输入「capture full size screenshot」，或者单独输入某个单词，也能在列表中找到，如下图。 4 ......
js摄像头拍照、摄像
备份留着万一用到，转自：https://cloud.tencent.com/developer/article/1357730?from=15425 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-e ......
浏览器是如何发起请求的
探索浏览器内部 本章看点 1. 浏览器如何解析网址； 2. 浏览器请求消息内容； 3. 向 DNS 服务器查询 Web 服务器的 IP 地址； 4. DNS 服务器接力查询； 5. 浏览器委托操作系统将消息发送给 Web 服务器的过程； 1 生成 HTTP 请求消息 1.1 URL 的种类 虽然我们 ......
Eslint 的rules一些配置 (.eslintrc.js文件中的rules选项)
rules: { // off=0, warn=1, error=2, 如果是数组, 第二项表示参数option // indent: [2, 2], // 控制缩进为2 eqeqeq: 1, // 警告使用全等 // quotes: [2, 'single'], //单引号 singleQuote ......
js加载时 同时执行多个函数
问题：Windows.onload=function()；函数不能同时执行导致跳转图片不能同时加载成功 解决方案：根据在CSDN上查到的，采用addloadevent函数执行发现有问题，对于我这个代码来说； 原因大概是我的function function1（）{}或者函数2里面有一些问题，因为我原 ......
vue3仓库index.js
//npm i pinia-plugin-persistedstate import {createPinia} from 'pinia' import piniaPluginPersistedstate from 'pinia-plugin-persistedstate' const pinia= ......
浏览器关于 Largest Contentful Paint (LCP) 的计算机制
Largest Contentful Paint (LCP) 是一种用户体验的性能指标，旨在帮助开发者了解用户在浏览网页时视觉渲染的速度。LCP 主要衡量的是视觉上最大的页面元素何时出现在屏幕上，这包括图像元素、视频元素或者包含文本的元素（如段落或列表项）。如果 LCP 时间较长，用户可能会感觉到页 ......
[JS] 事件总线
事件总线是对发布-订阅模式的一种实现。
发布-订阅模式定义对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都将得到通知。
发布-订阅模式实现了松耦合，发布者不是直接将消息发送给订阅者，而是经过了一个中间的代理，事件总线就是一种中间代理的实现。 ......
【SpringBoot应用篇】SpringBoot: 事件的发布和监听
【SpringBoot应用篇】SpringBoot: 事件的发布和监听 应用场景 概述 自定义事件发布和监听 pom 自定义事件源和实体 发布事件 监听类使用ApplicationListener方式 监听类使用@EventListener方式 Spring事件最佳实践 通用泛型类事件 发布事件类 ......
Node.js安装及环境配置
一.安装Node.js步骤 1、下载对应你系统的Node.js版本:https://nodejs.org/zh-cn/2、选安装目录进行安装3、环境配置4、测试 二、前期准备 1、Node.js简介简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chr ......
XRender watch事件
watch 监听 watch 其实就是 onValuesChange（不提供对外使用）的增强版，用于监听表单数据改变，可以做到单字段细粒度的监听。 语法特征：[path]: () => {}，path 按照表单的数据结构路径书写就可以了，List 组件的比较特殊，例如对应的表单字段是 cityLis ......
js笔记
一、js 数字前面自动补零 num传入的数字，m需要的字符长度 function PrefixInteger(num, m) { return (Array(m).join(0) + num).slice(-m); } 二、JS截取字符串 stringObject.slice(start, end) ......
这篇保证你彻底搞懂Java NIO的Selector事件选择器
Selector提供选择执行已经就绪的任务的能力，使得多元 I/O 成为可能，就绪选择和多元执行使得单线程能够有效率地同时管理多个 I/O channel。 C/C++许多年前就已经有 select()和 poll()这两个POSIX（可移植性操作系统接口）系统调用可供使用。许多os也提供相似的功能 ......