浏览器 事件js ie

js统计字符出现的次数

<meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t ......
字符 次数

js输出内容

Document a { text-decoration: none; color: black; } li { list-style: none; } </style> var news = [ { imgUrl: "", time: "1680566300", title: "古都、文字、武术、 ......
内容

js 鼠标事件的位置x,y

clientX和clientY与x,y clientX和clientY与x,y一样的,都是客户区域坐标,指鼠标的坐标,以浏览器显示区域的左上角开始,x,y是新浏览器支持 offsetX,offsetY offsetX,offsetY 针对目标元素(就是被点击的元素) layerX,layerY la ......
鼠标 位置 事件 js

js 修改当前的css

CSSStyleSheet.insertRule() CSSStyleSheet.insertRule(".red::before { color: lightgray;content:"测试" }",0) CSSStyleSheet.addRule() 已经移除废弃 stylesheet.dele ......
css js

Python爬虫 execjs执行js报错json.decoder.JSONDecodeError: Expecting value: line 1 column 85 (char 84)

fun=re.search(r'(__=\([\S\s]*?;)<',r_text).group(1)fun=fun+'function get(){return JSON.stringify(__.data)}'ctx = execjs.compile(fun)rdata = (ctx.eval( ......

js dom className classList

classList dom.classList.contains('black') // 删除 black dom.classList.remove('black') // 新增.red dom.classList.add('red') className let cName = elementNo ......
className classList dom js

事件监听

JavaScript HTML DOM 事件监听程序 (w3school.com.cn) 事件监听 事件: HTML事件是发生在HTML元素上的“事情”。比如: 按钮被点击 鼠标移动到元素之上 按下键盘按键 事件监听: JavaScript 可以在事件被侦测到时执行代码 事件绑定 方法一&方法二: ......
事件

js dom 类型判断

Node对象中的nodeName获取指定节点的节点名称(返回的是大写字母表示的) Node对象中的nodeType获取指定节点的节点类型 | 元素节点 | 属性节点 | 文本节点 | | | | | | 1 | 2 | 3 | Node对象中的nodeValue获取指定节点的值 详情见官网:http ......
类型 dom js

浏览器划词翻译脚本iTranslator

iTranslator划词翻译 安装,首先浏览器要先安装暴力猴插件,搜索iTranslator安装即可 使用,光标选择页面上的词语,按下T键就可以翻译,按下Y键就可以撤销翻译 缺点:输入框不能直接翻译,要选择里的打开翻译才会有个输入框翻译 ......
iTranslator 脚本 浏览器

Node.js17或更高版本中出现Error: error:0308010C:digital envelope routines::unsupported问题的解决方案

##问题描述 我在运行别人的Vue项目的时候报各种错误,提示XXX/node_modules/.bin/vue-cli-service: Permission denied 权限不足的问题。还有一个问题就是:出现Error: error:0308010C:digital envelope routi ......

node.js历史版本下载安装

node.js ###选择合适的版本安装 ......
版本 历史 node js

从浏览器输入 url 到显示出结果的全过程,涉及哪些层哪些协议?

过程中涉及的协议及层: 1.当在浏览器输入URL地址,DNS域名解析协议(应用层协议)解析域名获得IP; 2.依据IP地址浏览器向服务器发送HTTP请求,使用TCP协议(传输层协议)与服务器建立连接; 3.连接建立时要发送数据,发送数据在网络层使用IP协议(网络层协议); 4.期间IP数据包在路由器 ......
全过程 浏览器 结果 url

lua快速入门~在js基础上,知道Lua 和 Js 的不同即可

☺ lua 和 javaScript 差不多的,就是一些语法的细节不同,学过js,再注意一下下面的细节,就能上手了~ 快速入门,可以直接看一下菜鸟教程的lua:https://www.runoob.com/lua/lua-tutorial.html Lua 和 Js 的不同 Lua 概述 Lua概述 ......
基础 lua Lua Js

JS事件循环 event loop

![](https://img2023.cnblogs.com/blog/2330250/202304/2330250-20230404192754976-2123001142.png)![](https://img2023.cnblogs.com/blog/2330250/202304/23302... ......
事件 event loop

Js/Jquery获取自定义属性的方法

html: <span id="item"data-test='test' ></span> 方法一、原生JS的 getAttribute 获取自定义属性 设置属性 .setAttribute("属性","值") 获取属性 .getAttribute("属性") var span=document. ......
属性 方法 Jquery Js

js和jquery获取屏幕宽高以及加margin和padding等边距的宽高

Javascript: 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document.body.offsetWidth (包括边线的宽) 网页可见区域高: document.body. ......
屏幕 padding jquery margin

js对象获取属性的方法

第一种:点语法(首选) eg: 首先用对象字面量创建一个对象 let person = { name: "Nicholas", age: 29 } console.log(person.name) //"Nicholas" console.log(person.age) // 29 注:在对象字面量 ......
属性 对象 方法

【装饰器设计模式详解】C/Java/JS/Go/Python/TS不同语言实现

简介 装饰器模式(Decorator Pattern)是一种结构型设计模式。将对象放入到一个特殊封装的对象中,为这个对象绑定新的行为,具备新的能力,同时又不改变其原有结构。 如果你希望在无需修改代码的情况下即可使用对象,且希望在运行时为对象新增额外的行为,可以使用装饰模式。或者你用继承来扩展对象行为 ......
设计模式 语言 模式 Python Java

如何正确的安装Node.js及环境变量配置?

Node.js是一款基于Chrome V8引擎的JavaScript运行环境。它可以在服务器端运行JavaScript代码,具有高效、轻量、跨平台等特点,被广泛应用于Web开发、命令行工具、游戏开发等领域。 下面是Node.js的安装和配置教程: 安装Node.js 访问Node.js官网(http ......
变量 环境 Node js

three3d.js

// 城市 - 数据显示 setCityNum(vector, num, data) { // CSS2DRenderer生成的标签直接就是挂在真实的DOM上,并非是Vue的虚拟DOM上 const div = document.createElement('div'); div.className ......
three3d three3 three 3d js

Tor 联合 Mullvad 发布浏览器新品,基于 Firefox

Tor 浏览器的开发商日前与 Mullvad 联合开发了一款新的浏览器产品 —— Mullvad Browser,这是一款以隐私为侧重点的网络浏览器,不基于 Chromium,而是基于 Firefox。 Mullvad 是一家瑞典公司,成立于 2009 年,以其 VPN 服务出名。Mullvad 也 ......
新品 浏览器 Mullvad Firefox Tor

vue指令之事件指令

什么是事件指令 事件指的是:点击事件,双击事件,划动事件,焦点事件... 语法 v-on:事件名='函数' # 注意:函数必须写在 methods配置项中 示例 # 点击按钮,隐藏h1标签 <body> <div id="app"> <button v-on:click="myclick">点我</ ......
指令 事件 vue

js中e.clientX e.pageX e.offsetX e.screenX之间的区别

event.clientX、event.clientY 鼠标相对于浏览器窗口可视区域的X,Y坐标(窗口坐标),可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性 event.pageX、event.pageY 类似于event.clientX、event.clientY,但它们使用的 ......
之间 clientX offsetX screenX pageX

h5 - 使用pdf.js 预览pdf

下载地址 http://mozilla.github.io/pdf.js/getting_started/#download 点击后会下载,有点慢 打开后我加了两个文件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <t ......
pdf h5 js

Win7安装node.js

问题 win7直接安装node.js官网的最新版安装不成功,是因为最新版的版本高,不支持win7,只支持win8以上。 解决 安装低版本的node.js,我选的是12.22.12版本,然后为其配置环境变量即可。 如果需要npm,你只需要下载一个版本,解压后将除node之外的所有文件放到你安装好的目录 ......
Win7 node Win js

js实现拖拽功能(拖拽排序)

<template> <transition-group class="container" name="sort"> <div class="drag-item" v-for="(v,i) in dragArray" :key="i" :draggable="true" @dragstart="d ......
功能

js中常见的面试题

以下是几个常见的 JavaScript 面试题: 1. 创建对象的几种方式 JavaScript 中创建对象的几种方式有:字面量、构造函数、Object.create()、class 等。其中字面量是最简单和最常见的创建对象的方式,构造函数可以通过工厂模式或者原型链来实现复用,Object.crea ......
常见

enq: FB - contention 等待事件造成原因以及解决办法

How to Check enq: FB - contention Format Block Enqueue for Insert statements (Doc ID 2277855.1) Enq: FB – contention we can assume that two sessions h ......
contention 原因 事件 办法 enq

项目实践后的图片压缩完整使用过程【vue3+js】

van-uploader + 图片压缩 + 图片base64转成file compressImage.js const ACCEPT = ['image/jpg', 'image/png', 'image/jpeg'] const MAXSIZE = 1024 * 1024 * 2; const M ......
过程 项目 图片 vue3 vue

js实现文字左右轮播

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .textDiv{ position: relative; width: 70%; margin: 0 auto; ......
文字