事件javascript event js
JS基础（一）引入方式，基本语法，数据类型，类型转换，原始类型和引用类型的区别
JS和python很像滴，好学，快快过一遍 一、JS引入方式 <script> // js 的代码 alert("hello alvin!") </script> 二、JS基本语法 打印console.log作为日志打印，在浏览器里f12检查，console可以看见。 区分大小写哦。 JS中可以用换 ......
node.js 安装与环境变量配置
一、安装node.js 官网：下载地址 历史版本：历史版本下载地址 下载完毕后，可以安装node，一路默认选项即可。这里我的安装路径是：D:\environment\nodejs。 建议不要安装在系统盘（如C：），建议安装的路径不要有中文。 二、设置nodejs prefix（全局）和cache（缓 ......
vue使用flexible.js 最大宽度只有540
分辨率大于540px的时候，flexible限制为540，一般的手机显示没有问题，但对于大于540的竖屏屏幕，可能右边就会留白。我想让横屏的时候限制在540，竖屏的时候根据页面实际宽度自适应，解决方法如下： 1、安装 npm install lib-flexible --save 2、为了避免每次安 ......
JavaScript 中的事件循环
事件循环是 JavaScript 运行时环境的核心组件。它负责调度和执行异步任务。事件循环通过持续监视两个队列来工作：调用堆栈和事件队列。 调用堆栈是一种堆栈（LIFO）数据结构，存储当前正在执行的函数（存储代码执行期间创建的执行上下文）。 Web API是异步操作（setTimeout、获取请求、 ......
【js手写】手写目录
实现防抖（debounce）和节流（throttle）函数 https://www.cnblogs.com/lishuxuan/p/17339575.html 实现call函数,apply函数,bind函数 https://www.cnblogs.com/lishuxuan/p/17339575.h ......
dremio+nessie+dbt+ cube.js 实现简单数据服务
以前我简单写过关于dremio与cube.js 集成的，随着dremio 官方自己维护了一个dbt 的adapter 以及nessie 方便的类似git 的多版本元数据服务的提供，将这几个集成在一起是一个很不错的选择，尤其是希望实现自己的headless bi 服务，同时利用dbt 强大的数据建模能 ......
少见但非常好用的js写法技巧。
1. 使用 flatMap 数组方法 flatMap() 本质上是 map()和 flat() 的组合，区别在于 flatMap 只能扁平1级，flat 可以指定需要扁平的级数，flatmap 比分别调用这两个方法稍微高效一些。 const arr = [1, 2, [4, 5], 6, 7, [8 ......
未经授权访问 .js
流程顺序：后台管理登陆地址 → 后台主页地址 → fuzz测试出用户管理列表接口 → 直接调接口。。全程黑盒。 那么接下来我逆着来推理下逻辑： 首先是拿到某后台管理登录的网址 接着查看html源码，发现首页地址，http://xxx/index 直接访问，访问302，然后大哥来了个骚操作！在url后 ......
SpringBoot中使用SpringEvent业务解耦神器实现监听发布事件同步异步执行任务
场景 SpringBoot中使用单例模式+ScheduledExecutorService实现异步多线程任务(若依源码学习)： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/135504554 设计模式-观察者模式在Java中的使 ......
大话 JavaScript（Speaking JavaScript）：第三十一章到第三十三章
第三十一章：模块系统和包管理器 原文：31. Module Systems and Package Managers 译者：飞龙 协议：CC BY-NC-SA 4.0 JavaScript 没有内置模块支持，但社区已经创建了令人印象深刻的解决方法。要管理模块，可以使用所谓的包管理器，它们处理发现、安 ......
大话 JavaScript（Speaking JavaScript）：第二十六章到第三十章
第四部分：提示，工具和库 原文：IV. Tips, Tools, and Libraries 译者：飞龙 协议：CC BY-NC-SA 4.0 本部分提供了使用 JavaScript 的技巧（最佳实践，高级技术和学习资源），并描述了一些重要的工具和库。 第二十六章：元代码风格指南 原文：26. A ......
大话 JavaScript（Speaking JavaScript）：第十八章到第二十章
第二十一章：数学 原文：21. Math 译者：飞龙 协议：CC BY-NC-SA 4.0 Math对象用作多个数学函数的命名空间。本章提供了一个概述。 数学属性 Math的属性如下： Math.E 欧拉常数（e） Math.LN2 2 的自然对数 Math.LN10 10 的自然对数 Math.L ......
大话 JavaScript（Speaking JavaScript）：第十一章到第十五章
第十一章：数字 原文：11. Numbers 译者：飞龙 协议：CC BY-NC-SA 4.0 JavaScript 对所有数字都使用单一类型：它将它们全部视为浮点数。但是，如果小数点后没有数字，则不显示小数点： > 5.000 5 在内部，大多数 JavaScript 引擎都会优化并区分浮点数和整 ......
大话 JavaScript（Speaking JavaScript）：第十六章到第二十章
第十六章：变量：作用域、环境和闭包 原文：16. Variables: Scopes, Environments, and Closures 译者：飞龙 协议：CC BY-NC-SA 4.0 本章首先解释了如何使用变量，然后详细介绍了它们的工作方式（环境、闭包等）。 声明变量 在 JavaScrip ......
大话 JavaScript（Speaking JavaScript）：第一章到第五章
第一部分：JavaScript 快速入门 原文：I. JavaScript Quick Start 译者：飞龙 协议：CC BY-NC-SA 4.0 这部分是 JavaScript 的一个独立快速介绍。你可以在不阅读本书中的其他内容的情况下理解它，本书的其他部分也不依赖于它的内容。然而，阅读本书的提 ......
js 垃圾回收机制
一 、概述 垃圾回收机制是为了防止内存的泄漏（已经不需要的某一块内存还一直存在着），垃圾回收机制就是不停歇的寻找这些不再使用的变量，并且释放掉他所指向的内存。 2、变量的生命周期 变量被声明、赋值（修改）、读取、不需要时释放，是变量的生命周期。js中的变量分为局部变量和全局变量。局部变量在他当前的函 ......
一次生产 KubeSphere 日志无法正常采集事件解决记录
作者：宇轩辞白，运维研发工程师，目前专注于云原生、Kubernetes、容器、Linux、运维自动化等领域。 前言 2023 年 11 月 7 号下午，研发同事反馈，项目线上日志平台某个服务无法查看近期的日志。我登上 KubeSphere 平台进行查看，发现日志收集展示停留在 10 月 15 号那天 ......
javascript tree 层级数据处理
层级数据是有父子关系的数组，如下： const treeData = [ { id: '1b7e8e98cb1d4a1f81e4fe2dfd9a8458', name: '层级1', parentId: null, children: [ { id: '0d45dd5bb4c14d64a3ab0b7 ......
js foreach
Array.prototype.myForEach = function (cb) { for (var i = 0; i < this.length; i++) { cb(this[i], i, this); } }; ......
ImageClipboard js粘贴剪切板图片，已测试，可用，可获得base64
ImageClipboard js粘贴剪切板图片，已测试，可用，可获得base64 具体用到自己项目的时候，拿源码改成自己的库，从写一遍 index.html <!DOCTYPE html> <html> <head> <!-- https://github.com/jorgenbs/ImageCl ......
js-基础实战
jquery中: $().val() //代表取值 $().val("") //代表清空 $().val("abcdefg") //代表赋值 $.trim()是jQuery库中的一个函数，用于删除字符串的首尾空格。 define 定义模块 (定义aes 未依赖任何 函数) 相当与返回i define ......
彻底改变你的代码：JavaScript linter—Oxlint
作为开发人员，总是在寻找能够简化工作流程并提高工作效率的工具。Oxlint 是一个用 Rust 编写的 JavaScript linter，现在提供了可以替代ESLint的新方案，其性能比ESLint提升了 50-100 倍。 在本文中，将学习如何将 Oxlint 集成到开发流程中，充分利用其速度和 ......
推荐一个页面引导库 driver.js
页面引导功能是 web 开发中常见的一个功能。通过页面引导功能，你可以让用户第一时间熟悉你的页面功能。今天给大家推荐一个页面引导库 driver.js。 简介 driver.js 是一款用原生 js 实现的页面引导库，上手非常简单，体积在 gzip 压缩下仅仅 5kb。 我们来看下如何使用 driv ......
捕获事件的指令有哪些
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
js中反斜杠替换问题
在windows机器上，vscode复制完相对路径，路径为反斜杠 想在控制台用js将反斜杠替换为正斜杠，结果失败 js的字符串是不能直接写单个反斜杠的 let str = 'src\aaa\bbb\ccc' 实际上会变成 'srcaaa\bbbccc' 只有\b被保留，应该是当成正则原字符了，待验证 ......
WebSocket与JavaScript：实现实时地理位置定位系统的关键技术
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
如何使用JavaScript和WebSocket实现实时在线投票系统
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
如何使用WebSocket和JavaScript实现在线人脸识别系统
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
如何使用WebSocket和JavaScript实现在线电子签名系统
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
如何使用WebSocket和JavaScript实现在线翻译系统
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......