浏览器 事件js ie
js事件冒泡详解
js事件冒泡详解 什么是冒泡？ DOM事件流（event flow ）存在三个阶段：事件捕获阶段、处于目标阶段、事件冒泡阶段。 事件捕获（event capturing）：通俗的理解就是，当鼠标点击或者触发dom事件时，浏览器会从根节点开始由外到内进行事件传播，即点击了子元素，如果父元素通过事件捕获 ......
【转】JS事件捕获和事件冒泡
DOM事件流（event flow ）存在三个阶段：事件捕获阶段、处于目标阶段、事件冒泡阶段。 事件捕获（event capturing）： 当鼠标点击或者触发dom事件时（被触发dom事件的这个元素被叫作事件源），浏览器会从根节点 =>事件源（由外到内）进行事件传播。 事件冒泡（dubbed bu ......
事件冒泡
一个问题 如果有下面一段代码： 在 HTML 中，定义了嵌套的 3 个 <div/>，ID 分别为 div1、div2、div3。 在 JavaScript 中定义一个点击事件处理函数，打印当前执行事件元素的 id。 把事件处理函数分别注册到这 3 个 div 中。 这个时候，如果点击最里边的 d ......
【转】js事件冒泡
js事件冒泡详解和使用场景 最新推荐文章于 2023-07-13 11:46:30 发布 Youyzq 于 2022-11-14 16:16:47 发布 什么是事件冒泡? 事件冒泡就是指父元素和子元素有相同的事件，当触发子元素事件时，会向上冒泡，同时也会触发父元素事件 事件冒泡的三个阶段 1、捕获阶 ......
js-cookie库
https://blog.csdn.net/weixin_49046027/article/details/121123014 https://www.cnblogs.com/gopark/p/13743364.html 简介 js-cookie是一个简单的,轻量级的处理cookies的js API ......
navigator.userAgent 判断当前浏览器所处的环境
场景1：判断页面是在手机端还是PC端打开 window.location.href=/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)?"http://localhost:8888/mobile_web":"http:/ ......
MongoDB Node.js Driver and MongoClient All In One
MongoDB Node.js Driver and MongoClient All In One
......
phpStrom配置sass编译和JS压缩混淆
1 JS压缩混淆(YUI Compressor) 1.1 安装java文件（jre-8u201-windows-x64.exe） 1.2 YUI Compressor 下载 https://github.com/yui/yuicompressor/releases 1.3 Phpstrom配置：设置 ......
js之调试小技巧
console.log console.log('标签名',值); 可以根据标签名区分输出的数据 在使用 console.log打印一个引用类型（比如数组和自定义对象）的对象的时候，输出结果可能并不是执行 console.log方法那个时间点的值。但是可以用 JSON.parse(JSON.stri ......
js之基础算法案例
1 判断是闰年还是平年 算法：能被4整除且不能整除100的为闰年 或者能够被 400 整除的是闰年 // 接收用户输入 var year = prompt('请您输入年份：'); if (year % 4 == 0 && year % 100 != 0 || year % 400 == 0) { a ......
纯js无缝滚动效果
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>无缝滚动</title> <style type="text/css"> * { margin: 0; padding: 0; } #div { position: relativ ......
js之正则表达式
测试工具 在线测试工具 掘金待整理 https://juejin.cn/post/6844903933995925518 https://juejin.cn/post/6868559656088944648 1 概述 正则表达式（ Regular Expression ）是用于匹配字符串中字符组合的 ......
js3之高级面向对象
1 面向对象 1.1 概述 1.1.1 面向过程 POP 面向过程编程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的依次调用就可以了 就是按照我们分析好了的步骤，一步一步去解决问题 1.1.2 面向对象 OOP 面向对象编程是把事务分解成为一个个对象，然后由 ......
js1之基础知识
1 简介 1.1 计算机语言 计算机语言指用于人与计算机之间通讯的语言，它是人与计算机之间传递信息的媒介。总的来说，可以分成机器语言，汇编语言和高级语言三大类。 实际上计算机最终所执行的都是 机器语言，它是由“0”和“1”组成的二进制数，二进制是计算机语言的基础。 0=00000000 1=0000 ......
Spring Boot 访问静态资源css/js
一、前言 我们用 Spring Boot 搭建 Web 应用时（如搭建一个博客），经常需要在 Html 中访问一些静态资源，比如： css 样式； js 脚本； favicon.ico 图标等； 而在 Spring Boot 中如果没有做任何配置，是无法直接访问静态资源的，通常会报 404 错误 二 ......
js_使用js读取link外部样式
<link rel="stylesheet" href="https://at.alicdn.com/t/c/font_1826665_p96ije5uc2f.css" crossorigin> var linkStyle = document.getElementsByTagName("link" ......
JS实现红包分配（每个人至少1分钱）
要实现红包分配，保证每个人至少分到1分钱，可以使用以下算法: 将红包总金额以及要分配的人数作为输入参数。 首先，生成一个（人数-1）范围内的随机数，表示第一个人分到的金额。确保至少会有一个人分到1分钱。 然后，将剩余金额（总金额减去第一个人分到的金额）作为新的红包总金额。 依次随机生成每个人分到的金 ......
JS数组去重的4种办法
有多种方法可以对数组进行去重，下面介绍的是常见的四种办法： 使用 Set 数据结构：Set 是 ES6 引入的一种新的数据结构，它存储唯一的值，可以利用它的去重特性来对数组进行去重。 const array = [1, 2, 2, 3, 3, 4, 5]; const uniqueArray = [ ......
启动vue项目报错——ERROR Error loading vue.config.js: ERROR TypeError: defineConfig is not a function
问题描述 在我引入echarts模块之前是ok的，引入之后就启动失败了； 问题解决 一般情况下，都是该项目的版本与本机cmd里面的版本不对应导致的； 只需要使用这个命令npm upgrade，更新版本，一直yes下去，就能够解决这个问题啦！ ......
js文件分片上传
写在前面今天我们写一下关于js的分片上传，因为工作中很多时候上传文件是比较大的，为了不让卡死，我们可以使用分片上传的方式进行文件的传输，下面就简单的将思路梳理一下，然后贴上代码 思路分析既然是分片上传，那么首先要知道不分片的时候是怎么上传的，我们一般是直接使用file文件然后将其放到formData ......
如何使用webgl(three.js)实现煤矿隧道、井下人员定位、掘进面、纵采面可视化解决方案——第十九课（一）
three.js、webgl、3D煤矿隧道、三维井下人员定位、掘进面三维可视化、纵采面可视化、采集面可视化展示、设备检测、数字孪生、物联网3D、3d建筑、3d库房,bim管理系统 ......
js调用摄像头，实现简单的视频展台软件
功能： 显示设备名称、放大、缩小、旋转（0°、90°、180°、270°）、上下镜像、左右镜像、拍照、录像、识别二维码、批注、橡皮檫、清空批注内容、冻结视频 网页效果：↓ 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8 ......
This dependency was not found: * vxe-table/lib/vxe-table in ./src/plugins/vxe.js
今天按照往常一样安装依赖、运行后报了如下错误： ERROR Failed to compile with 1 errors This dependency was not found: * vxe-table/lib/vxe-table in ./src/plugins/vxe.js To inst ......
js实现分片上传
代码贴过来就能用 <!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" ......
电信定制版腾达无线路由AC1203，重置后浏览器无法保存配置，持续提示正在检测你的联网方式的解决办法
问题： 电信定制版腾达无线路由AC1203，重置后电脑连上去，浏览器访问配置地址，但界面不显示WiFi名称，持续提示持续提示正在检测你的联网方式的，无法保存配置，无法继续配置路由器。 问题原因： 这是腾达的管理界面和新版的浏览器不兼容所致，新版的浏览器安全性高，有较多的限制，导致其API接口访问失败 ......
js实现电子白板
功能：使用画笔绘制笔迹（线条）、橡皮檫 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1. ......
原生js面试题
一、深拷贝和浅拷贝- 1 js的数据类型 基本类型和复杂类型- 2 堆和栈 基本类型的值和复杂类型的地址存在栈中,复杂类型的地址指向堆中的内存- 3 深拷贝和浅拷贝的概念 深拷贝的前提是复杂类型的复制 - 4 举例说明 如果有个变量a和一个变量b 如果a是一个对象 此时let b = a a中的属性 ......
【前端开发】前端开发者谷歌浏览器操作技巧
谷歌浏览器技巧 $_ 上次执行结果 opt键 + click 展开最外层元素 ctr+ shift + p 执行Command命令输入Capture full size screenshot 按下回车 截图全屏网页 ......
js实现文件分片上传
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>文件分片上传</ti ......