实战 基础js
js 浏览器的5种observer 第四种 PerformanceObserver 详解及使用方法
在前端性能分析领域，了解和监控网页的运行性能至关重要。PerformanceObserver API 为我们提供了一个强大的工具来监听性能时间线上的事件，从而实现更细粒度的性能监控。 PerformanceObserver 是一种浏览器提供的接口，允许我们订阅性能时间线上的特定类型事件。当与 Per ......
js 浏览器的5种observer 第五种 ReportingObserver 详解及使用方法
在前端开发中，对于浏览器的报告信息，例如弃用的 API 使用、浏览器的干预、CSS 特性使用情况等，我们常常需要一种机制来收集和处理。这时，ReportingObserver API 就发挥了它的作用。 什么是 ReportingObserver？ // ReportingObserver 是一个浏 ......
js 浏览器的5种observer 第三种 ResizeObserver 详解及使用方法
ResizeObserver 它允许开发者监听元素的尺寸变化。 在前端开发中，元素尺寸的变化可能会受到许多因素的影响，例如窗口大小调整、设备方向变化、内部内容变化等。 提供了一种高效的方法来响应这些变化，而不需要频繁使用事件监听器或轮询技术。 1. 使用方法 const ro = new Resiz ......
js 浏览器的5种observer 第一种 MutationObserver 详解及使用方法
MutationObserver 提供了监听 DOM 树变化的能力。从简单的 UI 变更追踪到复杂的 SPA 页面变化都有涉及。 可以追踪 DOM 树的变化，包括节点的增加、删除、属性的修改等。它是异步的，这意味着它会将所有的 DOM 变化集合起来一次性报告，而不是在每一次变化后立刻报告。 兼容性 ......
js 浏览器的5种observer 第二种 IntersectionObserver 详解及使用方法
IntersectionObserver 是一个现代的浏览器 API，允许开发者在某个元素与其祖先元素或顶层文档视口发生交叉时得到通知。它非常适合实现图片懒加载、无限滚动、广告曝光率等功能。 1. 浏览器的兼容性 IntersectionObserver 目前在大多数现代浏览器中都得到了支持。但是在 ......
Serverless 基础
Serverless的基础概念 云原生开发模型的一种，可使开发人员专注于构建和运行应用，而无需管理服务器。 Serverless方案中仍然需要服务器，但它们已从应用开发人员的关注中抽离了出来。 云提供商负责置备、维护和扩展服务器基础架构等例行工作 开发人员可以简单地将代码打包到容器中进行部署 部署之 ......
bilibili B站：[C语言进阶课]SDL库基础使用教程
视频摘自：https://www.bilibili.com/video/BV14F411676X 笔记摘自：https://gitee.com/yanmu_ym/cpp ......
bilibili B站：【文档向】CMake基础知识 - 原作者笔记Markdown风格
视频摘自B站：https://www.bilibili.com/video/BV1hz4y1H7YA 笔记摘自：https://gitee.com/yanmu_ym/cpp [TOC] # 预备知识 ## CMake是什么 CMake是一个管理代码构建的工具。与平台和构建系统无关。最初CMake只用 ......
three.js 使用
1、安装 "three": "^0.155.0", //主体 主要是这个 "three-obj-mtl-loader": "^1.0.3", // 加载外部模型 "dat-gui": "^0.5.0",//gui 设置 "@tweenjs/tween.js": "^21.0.0", //动画 2、官 ......
《Web安全基础》06. 逻辑漏洞&越权
@目录1：逻辑漏洞2：逻辑越权3：修复防御方案4：越权问题4.1：商品购买4.2：找回重置机制4.3：接口安全问题4.4：验证安全5：相关资源 本系列侧重方法论，各工具只是实现目标的载体。 命令与工具只做简单介绍，其使用另见《安全工具录》。 靶场参考：pikachu。 1：逻辑漏洞 逻辑漏洞，与技术 ......
React框架下如何集成H.265网页开源流媒体EasyPlayer.js视频播放器？
H5无插件流媒体播放器EasyPlayer属于一款高效、精炼、稳定且免费的流媒体播放器，可支持多种流媒体协议播放，可支持H.264与H.265编码格式，性能稳定、播放流畅，能支持WebSocket-FLV、HTTP-FLV，HLS（m3u8）、WebRTC等格式的视频流。在功能上，EasyPlaye ......
Js基础-复杂数据类型之数组
定义 数组，就是一组相关的值存储在一块连续的空间内 一般的高级编程语言都有数组这种数据结构 语法 数组有三种定义方式，如下 使用中括号直接定义数组 var array = [12,13,14,15,16,17] 使用 new Array() 方法 传入数组元素 var array = new Arr ......
Go语言基础-02复合数据类型
课程内容 1流程控制补充 goto break+label continue+label 2数组: 声明（零值，类型），初始化，操作： 3切片: 声明（零值，类型），初始化，操作： 4map: 声明（零值，类型），初始化，操作： 5练习，字符统计 我有一个梦想 6字符串处理 7排序 8作业 001 ......
linux中安装node.js
1. 进入需要linux中包的目录，并执行以下命令 curl -0 https://nodejs.org/download/release/v16.20.2/node-v16.20.2-linux-x64.tar.gz2. 创建一个文件夹 mkdir /usr/local/node3. 进入到压缩包 ......
【IOC,AOP】spring的基础概念
IOC 控制反转 对象的创建控制权转交给外部实体，就是控制反转。外部实体便是IOC容器。其实就是以前创建java对象都是我们new一下，现在我们可以把这个new交给IOC容器来做，new出来的对象也会交由IOC容器来管理。这个new出来的对象则称为Bean。 IOC容器 负责创建和初始化并存放Bea ......
精通数据集成：轻易云数据集成平台应用实战与技术内幕
企业系统中数据交互的重要性不言而喻。一个系统如果孤立运行，即使积累了海量数据，仍然是一座信息孤岛。另一方面，一个积极参与数据交互的系统，成为各系统之间的“交际花”，具备中台的性质。 然而，大多数情况下，系统介于这两种极端之间，需要在自身生产和社交之间取得平衡，实现数据的高效对接。这种对接的核心目标是 ......
java基础
集合<一>（早） Java中有哪些容器（集合类）？ 集合中的容器主要分为两种，分别为Map和Collection，Collection下有List/Set/Queue这些子接口， 其中，List接口的主要实现类有ArrayList,LinkedList,Vector;Set接口的主要实现类有Hash ......
js&jquery（写法对比）: click event(点击事件)
1. js 写法 //js写法 document.getElementById("btn1").addEventListener("click", function () { alert("This is Line1. \n Note:this is test"); }) document.getE ......
上位机使用JS SerialPort进行串口通信， 包含开发环境搭建和完整示例代码
在嵌入式开发中，我们经常需要使用上位机（PC）与一些电路模块进行通信， 用于获取一些传感器的数据，或者发送命令控制相应的电路模块。NodeJS目前支持使用SerialPort模块进行串口通信，本文主要介绍如何搭建测试开发环境和如何使用SerialPort进行串口通信。 开发前准备： 1. 下载安装N ......
JS正则表达式的定义及使用方法
对于不涉及编程领域的人，对于JS正则表达式比较陌生。现在小编给大家普及一下它的知识点。JS正则表达式是用来匹配字符串的js正则表达式 i，比如强制浏览者输入你打算让他输入的内容等等。下面我们来了解一下它的定义及使用方法？ 什么是JS正则表达式？ 正则表达式是由一个字符序列形成的搜索模式。 当你在文本 ......
JS跨域在不同的域之间进行数据传输或通信的应用
这里说的 JS 跨域是指通过 JS 在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同，都被当作是不同的域。 下表给出了相对 同源检测的结果: 要解决跨域的问题，我们可以使用以下几种方 ......
在vue中使用引入3D建模（Three.js）
1.安装依赖 npm install --save three 2.引入依赖 import * as THREE from 'three' 3.编写控件的页面，可以从网站 sketchfab 下载和导入3D建模的模型（需注册，有些是免费的），在这里用到的模型地址是https://sketchfab. ......
对JS alert弹出框中的文本进行分行
1. 在JS中，直接用\n就行 2. 在MVC中，要用</br> 参考网址： https://stackoverflow.com/questions/1841452/new-line-in-javascript-alert-box ......
Vue.js的index.html文件中引入JavaScript文件
将js文件放在public文件夹下面 在index.html文件下引入js文件 在前面加<%= BASE_URL %>后面加路径，如果想将本地js文件打包之后也放在static/js文件夹下，需要在public文件夹下创建一个和打包之后文件放的位置一样的文件夹 <script src="<%= BA ......
分拣平台API安全治理实战 | 京东物流技术团队
导读 本文主要基于京东物流的分拣业务平台在生产环境遇到的一些安全类问题，进行定位并采取合适的解决方案进行安全治理，引出对行业内不同业务领域、不同类型系统的安全治理方案的探究，最后笔者也基于自己在金融领域的经验进行了关于API网关治理方案的分享。 写在前面 随着互联网应用的多元化、复杂化、服务化成为显 ......
高性能MySQL实战（二）：索引 | 京东物流技术团队
我们在上篇 高性能MySQL实战（一）：表结构 中已经建立好了表结构，这篇我们则是针对已有的表结构和搜索条件为表创建索引。 1. 根据搜索条件创建索引 我们还是先将表结构的初始化 SQL 拿过来： CREATE TABLE `service_log` ( `id` bigint UNSIGNED N ......
dp 选练（基础版）
P5664 题目描述： Emiya 是个擅长做菜的高中生，他共掌握 \(n\) 种烹饪方法，且会使用 \(m\) 种主要食材做菜。为了方便叙述，我们对烹饪方法从 \(1 \sim n\) 编号，对主要食材从 \(1 \sim m\) 编号。 Emiya 做的每道菜都将使用恰好一种烹饪方法与恰好一种主 ......
js customEvent 创建和触发自定义事件
在日常的 Web 开发中，我们经常与内置的浏览器事件互动，例如 click、input 和 submit。但有时，我们可能希望在特定情境下创建并触发自己的事件。这时，CustomEvent 就派上了用场。 基本用法 // 使用 new CustomEvent 创建一个自定义事件 const myEv ......