一，px（像素）：像素是屏幕上显示的最小单位，它是固定的，不随页面缩放而改变大小。在响应式设计中，使用像素单位可能会导致布局在不同屏幕尺寸上显示不一致。例如：现在在你电脑上一个字为16px，大小正好，可能到比你分辨率要高的电脑上，字体16px大小不变，但是分辨率有变化，导致字体在别的电脑上可能会导致 ...

一、微服务（Microservices）： 1、定义 微服务是一种软件架构风格，将单个应用程序分解为多个小的、独立部署的服务，每个服务运行在其独立的进程中，并通过轻量级的通信机制（通常是 HTTP 或 消息队列）进行交互。每个微服务专注于完成单一业务功能。 2、特点 模块化：每个微服务都是一个独立的 ...

一：程序逻辑 关系运算符结果是true or false < > >= <= == != !== 单等于号用于赋值 双等于号不考虑类型，值相等即可 三等于号（严格比较）考虑类型，要值和类型相同才能返回true ！=不等于号同上 尽量使用严格比较 [此处插入图片]，该图片作者为西安交通大学两位老师，来 ...

配置和使用nvm免安装版本(nvm-noinstall.zip) NVM（Node Version Manager）是一个用于管理多个Node.js版本的命令行工具一下分几个步骤说明如何配置和使用nvm的免安装版本(nvm-noinstall.zip) 一、下载 （官网地址：https://gith ...

这篇笔记主要记录了个人对某学习平台字体混淆（防复制）的基本分析和反混淆思路。字体混淆有时候也被用作反爬机制。 ...

我们已经了解了许多关于 Webpack 的知识，但要完全熟练掌握它并非易事。一个很好的学习方法是通过实际项目练习。当我们对 Webpack 的配置有了足够的理解后，就可以尝试重构一些项目。本次我选择了一个纯HTML/JS的PC项目进行重构，项目位于 GitHub 上，非常感谢该项目的贡献者。 重构案 ...

ArticleSync - 多平台文章同步插件 ArticleSync 是一个浏览器扩展，帮助用户轻松将文章同步发布到多个社交平台。支持将文章从本地草稿发布到各大平台，如知乎、Bilibili 等。它提供了一站式解决方案，让你在不同的社交媒体平台上同步文章变得简单高效。 基于浏览器插件模式,自动检测 ...

实验介绍： JavaScript可以使网页进行交互。 它和Java没有任何关系，但在它出现的时候Java很热门，为了引起人们对它的重视，它起名JavaScript。 理想的web页面划分 内容（HTML中） 外观样式（css中） 脚本/代码（JavaScript文件中） 一：JavaScript里的 ...

JavaScript中的DOM和Timer基本操作 DOM操作 传统的选择器 选择器id var elements = document.getElementById(id的名称); 例如： var elements = document.getElementById("test"); 选择id为t ...

介绍 p-map 是一个迭代处理 promise 并且能控制 promise 执行并发数的库。作者是 sindresorhus，他还创建了许多关于 promise 的库 promise-fun，感兴趣的同学可以去看看。 之前 提到的 p-limit 也是一个控制请求并发数的库，控制并发数方面，两者作 ...

问题描述： 使用window.open跳转链接时安卓可以正常跳转，但是iOS苹果上没有反应 问题原因： 用户交互限制 iOS 对于 window.open 的调用有严格的用户交互要求。如果 window.open 不是在用户交互（如点击事件）的上下文中调用的，可能会被浏览器阻止。 弹出窗口拦截 某些 ...

一、流水管线 实现逻辑： 1）先自定义几个点，通过CatmullRomCurve3生成一条平滑曲线 2）根据生成的曲线在XY面扩展一个面，其中需要注意顶点索引、UV坐标添加的顺序，否则可能会导致绘制的图片混乱，不是完整的图片 3）添加纹理同时设置偏移量实现流动效果 4）为了保证显示的箭头图标不失真， ...

混淆指定js文件 fomartJs.bat @echo off REM 定义一个包含文件名的数组 set jsFiles=("polyfills.b4665eab.js" "manifest.b09f6bad.js" "index.f8bec5fb.js") REM 遍历数组中的每个文件 for % ...

基础阶段 主要内容： 掌握 JavaScript 的基本语法，如变量、数据类型（字符串、数字、布尔、对象、数组等）、运算符等。 理解程序的控制流，包括条件语句（如 if-else）、循环语句（如 for、while）。 学会使用函数来封装代码，理解函数的参数、返回值以及作用域等概念。 学习网站： W ...

p-limit 是一个控制请求并发数量的库，他的整体代码不多，思路挺好的，很有学习价值； 举例 当我们同时发起多个请求时，一般是这样做的 Promise.all([ requestFn1, requestFn2, requestFn3 ]).then(res =>{}) 或者 requestFn1( ...

随着JavaScript在前后端开发中的广泛应用，测试已成为保证代码质量的关键环节。 为什么需要单元测试 在我们的开发过程中，经常需要定义一些算法函数，例如将接口返回的数据转换成UI组件所需的格式。为了校验这些算法函数的健壮性，部分开发同学可能会手动定义几个输入样本进行初步校验，一旦校验通过便不再深 ...

本文介绍了 ES Modules (ESM) 在浏览器环境中的运行原理，详细阐述了 ESM 的三大加载步骤：构建、实例化、求值，并讨论了其动态加载能力、循环依赖处理方式及与 CommonJS 的区别。 ...

IntersectionObserver (自动监听元素是否进入了设备的可视区域之内) 示例： const io = new IntersectionObserver(callback, option); // 获取元素 const target = document.getElementById( ...

同步加载 阻塞模式，响应安全性强 过多JS加载会影响页面效率 默认情况下，JS是同步加载，及优先加载外部JS，只有当JS文件加载完成，don和css才开始加载 <script src = 'index.js' ></script> 异步加载 非阻塞加载，执行效率高 动态创建script defer ...

一、实现一个光影墙 1. 根据自定义坐标点，输出一个光影墙 /** * 添加光影墙 */ function addLightWall() { const geometry = new THREE.BufferGeometry(); const vertices = new Float32Array( ...