实验介绍： 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( ...

1. Performance API 的用处 Performance API 是浏览器中内置的一组工具，用于测量和记录页面加载和执行过程中的各类性能指标。它的主要用处包括： 监控页面资源加载：跟踪页面中的资源（如 CSS、JavaScript、图片）的加载时间。 分析页面加载时间：从导航到页面完全渲 ...

一、解构 如图所示，手机浏览器的效果。代码就是简单的html语言加上一个JavaScript脚本，界面主要分3部分，功能实现主要分3个函数。 （一）显示样式 在头里定义了居中显示的CSS样式，将来在浏览器中居中显示倒计时X分XX秒。 <style type="text/css"> .center { ...

1、使用 Object.entries() 和 Object.fromEntries() // 将对象转换为数组并转换回来，以便于操作 const person = { name: 'jack', age: 20 }; const entries = Object.entries(person); ...

一、飞线效果 功能说明：支持设置点的个数，飞线速度、起始和终止颜色值、线宽、线的大小 原理： 1. 首先绘制一条与线长度相同的线，线中各点的大小逐渐变小 2. 如何让线动起来？假设点的个数总共为num个，传入的点的下标为a，通过变化的时间计算出移动的下标b，如果a+b>=num则代表，该点可见，否则 ...

在 Web 开发中，我们经常需要区分用户是否通过刷新操作重新加载了页面。这一操作可能是由用户手动刷新（如按下 F5 键或点击浏览器刷新按钮）或通过浏览器自动重新加载。判断页面是否刷新有助于开发者优化用户体验，例如在使用 vue 的时候需要进行权限控制，就需要判断在刷新后根据登录者的权限去添加对应的路 ...

函数柯里化 含义: 可以大概理解为: 将fn(a,b,c)转换为fn(a)(b)(c) 原函数: function sum(a,b){ return a+b } console.log(sum(1,2)) 柯里化后: function sum(a) { return function (b) { r ...

JavaScript速查表 本手册绝大部分内容是从Airbnb JavaScript Style Guide精简整理，将开发者们都明确的操作去掉，目的为了就是更快的速查。 此处为源地址。 译制：HaleNing 目录 基础知识 类型 引用 对象 数组 解构 字符串 变量 属性 测试 公共约束 注释 ...