浏览器 事件js ie
JS的严格模式
JavaScript的严格模式（Strict Mode）是一种在代码中启用的特殊模式，用于提供更严格的语法和错误检查，以改善代码质量和增强安全性。使用严格模式可以帮助大家避免一些常见的错误，并禁用一些不推荐使用的特性。 要启用严格模式，可以在代码的顶部或函数体的开头添加以下语句： "use stri ......
浏览器下载文件和图片
function downloadFile(url) { const a = document.createElement('a'); a.href = url; a.download = true; document.body.appendChild(a); a.click(); document ......
jquery.qrcode.js 和 jQuery.print.js 简单使用
最近因为需要在前端生成二维码并打印二维码及相关内容，使用了jquery，jquery.qrcode.js，jQuery.print.js来实现 ### 代码 ``` 姓名: 张三性别: 女身份证: 44044019990217444X体检日期: 20230530识别号: 20230530440440 ......
js中的宏任务和微任务
一、初识宏任务和微任务 在JavaScript中，有两类异步任务队列：宏任务队列（macrotasks）和微任务队列（microtasks）。宏任务队列可以有多个，微任务队列只有一个。 1、宏任务（macrotasks）：就是JS 内部（任务队列里）的任务，严格按照时间顺序压栈和执行。如： scri ......
前端浏览器缓存和HTTP缓存
缓存 缓存优点：减少冗余的数据传输；减轻服务器的压力；加快浏览器加载网页的速度。 分类：强缓存和协商缓存 强缓存：服务器不需要发送资源给客户端，客户端直接从缓存中取 有关头字段：Cache-Control、 Expires，两者同时存在时，前者优先级更高 Expires：当客户端向服务器发送请求，服 ......
js判断本页面被 iframe 嵌套
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
兼容IE，Chrome 文本控制显示三行
谷歌浏览器得行数控制不兼容ie,加个高度限制解决。（max-height:66px;） css: .txt{ display:block; height:auto; max-height:66px; overflow: hidden; text-overflow: ellipsis; word-wr ......
去往js函数式编程(3)
我们将使用接下来的函数实现：让你更具有声明性，你会发现自己的关注点将转移到你需要什么，而不是如何做；繁琐的细节被隐藏在我们的函数内部。我们将不再编写一系列可能嵌套的 for 循环，而是专注于使用函数作为构建快来制定我们期望的结果。 使用 reduce()操作可以得到单个值；使用 map()可以得到一 ......
js 获取 image 原始高度
1. 新版浏览器 ```js // 这个 api 仅支持新版本浏览器, 旧版还是得创建一个内部图片 setTimeout(() => { let imgRef = this.$refs.img this.imgWidth = imgRef.naturalWidth this.imgHeight = ......
在浏览器地址栏键入URL，按下回车之后经历的流程
在浏览器地址栏键入URL，按下回车之后会经历以下流程： 1、浏览器向 DNS 服务器请求解析该 URL 中的域名所对应的 IP 地址; 2、解析出 IP 地址后，根据该 IP 地址和默认端口 80，和服务器建立TCP连接; 3、浏览器发出读取文件(URL中域名后面部分对应的文件)的HTTP请求，该请 ......
js 复习
所有的数组方法 concat 连接两个或更多的数组，并返回结果 copyWithin 从数组指定位置拷贝到数组的另一个指定位置中 entries 返回数组的可迭代对象 every 检测数值元素，判断是否每个元素都符合条件 fill 使用一个固定值来填充数组 filter 过滤 find 返回符合条件 ......
前端JS的面向对象写法还是挺好玩的—class继承、实现
class FormDataDTO1 { id; name; sex; remark; } class FormDataDTO2 extends FormDataDTO1 { age; address; } const formData1 = new FormDataDTO1(); const fo ......
谷歌浏览器在用户与Document无交互时无法播放声音问题 - 记录
谷歌禁止声音播放处理方式 1、设置google浏览器，点击地址前面的图标，选择网站设置，找到声音，设置允许，需要用户配合设置 2、使用window.AudioContext，需要自己写代码 接口参考地址：https://developer.mozilla.org/zh-CN/docs/Web/API ......
在node项目中使用log4.js记录日志
## 1. 在项目根目录创建保存日志文件的文件夹logs  ## 2. 修改 .gitignore 文件， 添加log ......
Python excejs 执行js文件的时候 报编码错误的问题
##问题 ###执行js的时候报图中的编码错误，直接执行js文件时能正常编译，在网上未找到关于这个问题的文章 头疼了好久 最终在各位大佬的帮助下解决了问题，便记录了下来： ![](https://img2023.cnblogs.com/blog/2367790/202305/2367790-2023 ......
vue事件修饰符
@click @click直接点击，会触发父元素事件 例如： <template> <div @click="parentClick"> <div @click="childClick" > 子界面 </div> </div> </template><script> export default { ......
文档在线预览（三）使用js前端实现word、excel、pdf、ppt 在线预览
@[toc] 关于实现文档在线预览的做法，之前文章提到了的两种实现方式： 1、通过将文档转成图片：详见[《文档在线预览（一）通过将txt、word、pdf转成图片实现在线预览功能》](https://blog.csdn.net/q2qwert/article/details/130884607)； ......
js应用-猜数字
之前学习循环的时候，做过一个游戏“猜数字”的练习。 这里主要利用js对css的控制，来重现这个游戏。 设计外观： 根据设计制作html 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title></title> 6 ......
js应用--简单计算器
先根据常见计算器设计界面的大致布局： 根据以前的html和css知识，在页面上实现大致的样子 html(index.html)： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title>简单计算器</title> ......
设置浏览器下载apk后默认不安装
1. 浏览器消息处理： 修改文档：vendor/mediatek/proprietary/packages/apps/Browser/src/com/android/browser/DownloadHandler.java 2. RUL util 过滤信息 修改文档：frameworks/base/ ......
Three.js教程：对象克隆、复制
推荐：将NSDT场景编辑器加入你的3D工具链 其他系列工具：NSDT简石数字孪生 对象克隆.clone()和复制.copy() Threejs大多数对象都有克隆.clone()和复制.copy()两个方法,点模型Points、线模型Line、网格网格模型Mesh一样具有这两个方法。 复制方法.cop ......
js 以多字段为维度汇总某一字段值
# js 以多字段为维度汇总某一字段值 JavaScript可以以多个字段为维度进行汇总。你可以使用多个for循环或forEach循环，针对每个字段进行分组。然后使用reduce方法进行汇总。举个例子，假设你有一个数组数据如下： ```javascript let data = [{ name: ' ......
JS中的事件监听
JavaScript的事件监听是一种机制，用于在HTML文档中的元素上注册事件处理程序，以便在特定事件发生时执行相应的JavaScript代码。 事件监听的基本思想是将事件处理程序（也称为事件回调函数）绑定到特定的事件上。所谓特定的事件是当用户与页面进行交互时，比如点击按钮、键盘输入、鼠标移动等，浏 ......
JS判断视频Video的播放、暂停、结束完成及获取长度事件监听处理
在日常应用场景中，可能会遇到这么一个情况，需要判断用户是否完整的观看完了一部视频，在这个场景中，和视频相关的事件大体涉及到几个部分，获取视频长度，视频开始播放，暂停播放和播放结束，下面来看下如何通过JavaScript来监听获取视频的这几种状态。 （1）html页面视频标签大体如下 <video i ......
JS中的箭头函数与this
# JS中的箭头函数与this ``` JavaScript在ES6语法中新增了箭头函数，相较于传统函数，箭头函数不仅更加简洁，而且在this方面进行了改进。this作为JavaScript中比较诡异的存在，许多文章对于this的解释也不尽相同，本篇文章试图厘清JS中函数与this的关系。 ``` ......
Node.js 究竟是什么？初学者指南
如果您正在考虑使用 JavaScript 进行后端开发，您会听到术语“Node.js”。Node 通常与开发强大的 Web 服务器相关联。 但 Node.js 到底是什么？它是像Angular一样的 JavaScript 框架吗？它是一种编程语言吗？它是一个 JavaScript 库吗？它是一组技术 ......
C#学习笔记 -- 事件
1、发布者和订阅者 当一个特定的程序事件发生时, 程序的其他部分可以看到该事件已经发生的通知 发布订阅模式可以满足这种需求. 在这种模式中, 发布者类定义了一些类程序的其他部分感兴趣的事件 其他类可以注册, 事件发生时, 收到发布者的通知 这些订阅者类通过向发布者提供一个方法来注册, 以获取通知 当 ......
批量创建google浏览器快捷方式
import os from win32com import client def create_chrome(name,num): chrome_path="C:\Program Files\Google\Chrome\Application\chrome.exe" user_dir_data=f ......
统计同名数据基于html js
# 1.教程 1将数据逐行复制到excell2.新建txt文件，将excell中的全部数据复制到txt文件中3.使用edge打开统计同名数据.html,右击网页打开控制台4.选择txt文件，确认，会在控制台展示结果点击 # 2.数据示例 可以有空格，回车，形式为： 名称 数量 ```DN150球铁平 ......