页面driver js

js事件冒泡详解

js事件冒泡详解 什么是冒泡? DOM事件流(event flow )存在三个阶段:事件捕获阶段、处于目标阶段、事件冒泡阶段。 事件捕获(event capturing):通俗的理解就是,当鼠标点击或者触发dom事件时,浏览器会从根节点开始由外到内进行事件传播,即点击了子元素,如果父元素通过事件捕获 ......
事件

【转】JS事件捕获和事件冒泡

DOM事件流(event flow )存在三个阶段:事件捕获阶段、处于目标阶段、事件冒泡阶段。 事件捕获(event capturing): 当鼠标点击或者触发dom事件时(被触发dom事件的这个元素被叫作事件源),浏览器会从根节点 =>事件源(由外到内)进行事件传播。 事件冒泡(dubbed bu ......
事件

【转】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 ......
js-cookie cookie js

MongoDB Node.js Driver and MongoClient All In One

MongoDB Node.js Driver and MongoClient All In One ......
MongoClient MongoDB Driver Node All

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配置:设置 ......
phpStrom sass

ng访问静态页面403

开发小哥反馈访问测试静态页面403;百思不得起姐,遂查看静态文件权限 修改完了加777权限,还是403,因为ng放在k8s里面,所以要重新da镜像, 据新镜像更新一下前端ng里面的pod 的镜像。 ......
静态 页面 403

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 面向对象编程是把事务分解成为一个个对象,然后由 ......
对象 js3 js

js1之基础知识

1 简介 1.1 计算机语言 计算机语言指用于人与计算机之间通讯的语言,它是人与计算机之间传递信息的媒介。总的来说,可以分成机器语言,汇编语言和高级语言三大类。 实际上计算机最终所执行的都是 机器语言,它是由“0”和“1”组成的二进制数,二进制是计算机语言的基础。 0=00000000 1=0000 ......
基础知识 基础 知识 js1 js

Spring Boot 访问静态资源css/js

一、前言 我们用 Spring Boot 搭建 Web 应用时(如搭建一个博客),经常需要在 Html 中访问一些静态资源,比如: css 样式; js 脚本; favicon.ico 图标等; 而在 Spring Boot 中如果没有做任何配置,是无法直接访问静态资源的,通常会报 404 错误 二 ......
静态 Spring 资源 Boot css

js_使用js读取link外部样式

<link rel="stylesheet" href="https://at.alicdn.com/t/c/font_1826665_p96ije5uc2f.css" crossorigin> var linkStyle = document.getElementsByTagName("link" ......
样式 link js

一个页面从输入URL到页面加载显示完成的过程

当用户在浏览器中输入URL并按下回车时,浏览器会向服务器发送HTTP请求,请求指定的资源。服务器收到请求后,会根据请求的URL返回对应的资源,这通常是一个HTML文件。浏览器收到服务器返回的HTML文件后,会开始解析HTML代码,并在浏览器中构建DOM(Document Objcet Modal) ......
页面 过程 URL

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下去,就能够解决这个问题啦! ......
ERROR defineConfig vue TypeError function

js文件分片上传

写在前面今天我们写一下关于js的分片上传,因为工作中很多时候上传文件是比较大的,为了不让卡死,我们可以使用分片上传的方式进行文件的传输,下面就简单的将思路梳理一下,然后贴上代码 思路分析既然是分片上传,那么首先要知道不分片的时候是怎么上传的,我们一般是直接使用file文件然后将其放到formData ......
文件

记录--前端换肤方案 - element+less无感换肤(无需页面刷新)

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前端换肤方案 - element+less无感换肤(无需页面刷新) 前言 前不久在改造一个迭代了一年多的项目时,增加了一个换肤功能。通过自己的探索,总结出了一套比较合适的改造方案供大家参考,如有更好的方案欢迎评论区踊跃评论😄 先上效果: ......
前端 element 页面 方案 less

如何使用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 ......
视频展台 展台 摄像头 视频 软件

c#开发学习之treeview节点切换到不同的页面

在treeview里有树的根节点和子节点,当点击子节点后切换到不同的窗口已实现不同的功能 首先准备好几个不同的Form,一个splitContainer1 对树的节点设置After_select事件,点击不同的节点时首先会获取到该节点的名称,通过名称控制窗体的切换 1 private void tr ......
节点 treeview 页面

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 ......
vxe-table vxe table dependency plugins

react 页面如何自动监控版本更新

一般我们打包的js bundle,都自带了hash,所以,刷新页面就会加载最新的内容。 但如果用户一直不去刷新页面,停留在当前页面呢? 可以前端写个轮询,去检测,2. 后端推送 对于第一种方案实现简单,但会有一点性能损耗,第二种需要后端实现,SSE,或websocket? 下面代码展示第一种轮询方案 ......
版本 页面 react

js实现分片上传

代码贴过来就能用 <!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" ......

js实现电子白板

功能:使用画笔绘制笔迹(线条)、橡皮檫 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1. ......
电子白板 白板 电子

allure 报告页面logo和名称定制

1) 找到本地allure安装路径,找到static文件夹(我的是:/Users/may/Downloads/allure-2.7.0/plugins/custom-logo-plugin/static), 将要更换的图片放入这个文件夹中,命名为allure_log.jpeg 2)修改取值文件,在同 ......
名称 页面 报告 allure logo

原生js面试题

一、深拷贝和浅拷贝- 1 js的数据类型 基本类型和复杂类型- 2 堆和栈 基本类型的值和复杂类型的地址存在栈中,复杂类型的地址指向堆中的内存- 3 深拷贝和浅拷贝的概念 深拷贝的前提是复杂类型的复制 - 4 举例说明 如果有个变量a和一个变量b 如果a是一个对象 此时let b = a a中的属性 ......