如何使用JavaScript 将数据网格绑定到 GraphQL 服务
前言 作为一名前端开发人员，GraphQL对于我们来说是令人难以置信的好用。它可以用来简化数据访问，这让我们的工作变得更加容易。 什么是 GraphQL？它是一个抽象层，位于任意数量的数据源之上，并为您提供一个简单的 API 来访问所有数据。 GraphQL 的美妙之处在于您可以准确定义要从服务器返 ... »
提升开发技能：10个高级的JavaScript技巧
前言 在这个快速发展的数字时代，JavaScript作为一种广泛应用的编程语言，其重要性愈发凸显。为了在竞争激烈的开发领域中保持竞争力，不断提升自己的技能是至关重要的。本文小编将您介绍10个高级的JavaScript技巧，旨在帮助开发者们在编码过程中更加高效和灵活。 1、解构赋值 解构赋值是一种从数 ... »
Reflect API：每个 JavaScript 开发人员都需要的瑞士军刀
前言 您是否曾经希望拥有一个神奇的工具包，可以让您像超级英雄一样控制 JavaScript 对象？向ReflectAPI 打个招呼吧，它是 ES6 中引入的一个新的全局对象 ，它能够处理简单的代码操作。它是每个现代 JavaScript 开发人员都需要的瑞士军刀！? 本文的目标是帮助您更好地理解 ... »
《最新出炉》系列初窥篇-Python+Playwright自动化测试-32-JavaScript的调用执行-下篇
1.简介 在实际工作中，我们需要对处理的元素进行高亮显示，或者有时候为了看清楚操作过程和步骤我们需要跟踪鼠标点击了哪些元素需要标记出来。虽然很少遇到，但是为了以后大家可以参考或者提供一种思路，今天宏哥就在这里把这种测试场景playwright是如何处理的讲解和分享一下。 2.用法 上一篇中就提到过， ... »
《最新出炉》系列初窥篇-Python+Playwright自动化测试-31-JavaScript的调用执行-上篇
1.简介 在做web自动化时，有些情况playwright的api无法完成以及无法应对，需要通过或者借助第三方手段比如js来完成实现，比如：去改变某些元素对象的属性或者进行一些特殊的操作，本文讲解playwright怎样来调用JavaScript完成特殊操作。 2.用法 上一篇中就提到过，这里提取一 ... »
JavaScript中WeakMap的原理与用法介绍
专为编程打造，自动写代码机器人，免费开通 今天小编给大家分享的是JavaScript中WeakMap的原理与用法介绍，相信很多人都不太了解，为了让大家更加了解，所以给大家总结了以下内容，一起往下看吧。一定会有所收获的哦。 在JavaScript中，对象是一种非常重要的 »
使用js写一个音乐音谱图
我们经常看到在听乐音的时候，会有音谱图随着音乐的节奏不断变化给人视觉上的享受，那么我们通过js来实现以下这个效果，下面是简单的效果图 首先我们需要有一个绘制音频的函数 function draw() { // 请求下一帧动画 animationId = requestAnimationFrame(d ... »
前端常用设计模式
什么是设计模式？ 设计模式（Design pattern）是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结，设计模式并不是一种固定的公式，而是一种思想，是一种解决问题的思路；使用设计模式是为了可重用代码，让代码更容易被他人理解，保证代码可维护性。 设计模式不区分编程语言，设计模 ... »
JavaScript内存管理
在使用垃圾回收的编程环境中，开发者通常无须关心内存管理。不过，JavaScript 运行在一个内存 管理与垃圾回收都很特殊的环境。分配给浏览器的内存通常比分配给桌面软件的要少很多，分配给移动 浏览器的就更少了。这更多出于安全考虑而不是别的，就是为了避免运行大量 JavaScript 的网页耗尽系 统 ... »
2D物理引擎 Box2D for javascript Games 第七章 子弹和感应器
2D物理引擎 Box2D for javascript Games 第七章 子弹和感应器 你知道 Box2D 可以在每一个时间步中管理刚体间的碰撞并决算它们。 总之，在愤怒的小鸟中制作攻城机器期间，发生了一些错误 你可能需要注意一下，有时抛射物会穿过城堡，忽略了碰撞。 这里发生了什么？ 通常，Jav ... »
通过HTML和JavaScript实现随机抽取幸运员工
需求描述: 公司经常会要求IT部门做一个随机抽取员工页面，今天我们通过HTML和JavaScript来实现 HTML 结构 首先，我们需要编写 HTML 代码来定义页面结构和元素。下面是 HTML 代码的结构： <!DOCTYPE html> <html lang="zh-CN"> <head> < ... »
[学习笔记]TypeScript查缺补漏（二）：类型与控制流分析
@目录类型约束基本类型联合类型控制流分析instanceof和typeof类型守卫和窄化typeof判断instanceof判断in判断内建函数，或自定义函数赋值布尔运算保留共同属性字面量类型（literal type）as const 作用 类型约束 TypeScript中的类型是一种用于描述变量 ... »
Web Woeker和Shared Worker的使用以及案例
目录1、前言2、介绍 Web Worker3、使用须知及兼容性3.1、使用须知3.2、兼容性4、使用 Web Worker4.1、创建 Web Worker4.2、与主线程通信4.3、终止 Web Worker4.4、监听错误信息5、使用 Shared Worker4.5、调试 Shared Wor ... »
[学习笔记]TypeScript查缺补漏（一）：类
@目录基础知识创建类型类的初始化类型和值JSDoc 注释字段私有字段可选和非可选字段字段类型约束Getter/Setter静态成员函数重载构造函数参数属性类的实例化箭头函数this的作用域全局类和对象方法泛型泛型类泛型接口泛型函数装饰器 基础知识 创建类型 class Abc { } 类的初始化 c ... »
JS动态在父元素里追加元素——insertAdjacentHTML
insertAdjacentHTML() 方法将指定的文本解析为 Element 元素，并将结果节点插入到 DOM 树中的指定位置。它不会重新解析它正在使用的元素，因此它不会破坏元素内的现有元素。这避免了额外的序列化步骤，使其比直接使用 innerHTML 操作更快。 element.insertA ... »
如何避免JavaScript中的内存泄漏？
前言 过去，我们浏览静态网站时无须过多关注内存管理，因为加载新页面时，之前的页面信息会从内存中删除。 然而，随着单页Web应用（SPA）的兴起，应用程序消耗的内存越来越多，这不仅会降低浏览器性能，甚至会导致浏览器卡死。因此，在编码实践中，开发人员需要更加关注与内存相关的内容。因此，小编今天将为大家介 ... »
2D物理引擎 Box2D for javascript Games 第六章 关节和马达
2D物理引擎 Box2D for javascript Games 第六章 关节和马达 关节和马达 到现在你所见到的所有类型的刚体有着一些共同点：它们都是自由的并且在除碰撞的请款之外，彼此没有依赖。 有时你可能想要刚体之间进行约束。 如果你试想一下粉碎城堡（Crush the Castle）这款游戏 ... »
2D物理引擎 Box2D for javascript Games 第五章 碰撞处理
2D物理引擎 Box2D for javascript Games 第五章 碰撞处理 碰撞处理 考虑到 Box2D 世界和在世界中移动的刚体之间迟早会发生碰撞。 而物理游戏的大多数功能则依赖于碰撞。在愤怒的小鸟中，小鸟摧毁小猪的城堡时，便是依赖碰撞而实现的； 在图腾破坏者中，当神像坠落到图腾上或摔碎 ... »
IntersectionObserver v2版本
业务需要内容展示后日志打点，于是使用到了IntersectionObserver，实践中发现一个问题：如果内容出现在了可视区内，但是被其他元素遮挡住了，这时候仍然会打日志。 于是寻找解决方案，发现IntersectionObserver 还有一个v2版本，刚好能解决这个问题。 在v2版本中，Inte ... »
2D物理引擎 Box2D for javascript Games 第四章 将力作用到刚体上
2D物理引擎 Box2D for javascript Games 第四章 将力作用到刚体上 将力作用到刚体上 Box2D 是一个在力作用下的世界，它可以将力作用于刚体上，从而给我们一个更加真实的模拟。 但是，如果你想要移动刚体，发射子弹，抛掷小鸟，驾驶汽车和当你在玩物理游戏时你看到的一切令人起劲的 ... »