一、 说说你对 Fetch 的理解，它有哪些优点和不足？ Fetch API 是现代 JavaScript 中用于进行网络请求的接口，旨在替代传统的 XMLHttpRequest。它提供了一种更简单、更灵活的方法来获取资源和与服务器进行交互。下面，我将详细介绍 Fetch 的优点和不足。 Fet...[2024/8/7]

title: 清除 Nuxt 状态缓存：clearNuxtState date: 2024/8/7 updated: 2024/8/7 author: cmdragon excerpt: 摘要：本文介绍了Nuxt.js框架中clearNuxtState方法的使用，该方法用于清除u...[2024/8/7]

最新技术资源（建议收藏） https: www.grapecity.com.cn/resource 在我们的项目当中，经常需要添加一些选择界面，让用户直观地进行交互，比如耗材、办公用品、设计稿或者其它可以选择的内容。 在线商城的商品目录和购物车无疑是一种大家都很熟悉的交互方式，但是在...[2024/8/7]

Canvas简历编辑器-图形绘制与状态管理(轻量级DOM) 在前边我们聊了数据结构的设计和剪贴板的数据操作，那么这些操作都还是比较倾向于数据相关的操作，那么我们现在就来聊聊基本的图形绘制以及图形状态管理。 在线编辑: https: windrunnermax.github.io/CanvasE...[2024/8/7]

电梯导航也被称为锚点导航，当点击锚点元素时，页面内相应标记的元素滚动到视口。而且页面内元素滚动时相应锚点也会高亮。电梯导航一般把锚点放在左右两侧，类似电梯一样。常见的电梯导航效果如下，比如一些官方文档中： 之前可能会用 getBoundingClientRect() 判断元素是否在视口...[2024/8/7]

目录32.go.Palette 一排放两个33.go.Palette 基本用法34.创建自己指向自己的连线35.设置不同的 groupTemplate 和 linkTemplate36.监听在图形对象 GraphObject 上的右键单击37.定义节点/连线/canvas 背景上的右键菜单38....[2024/7/17]

从最简单的例子入手分析 PixiJS 源码 我一般是以使用角度作为切入点查看分析源码，例子中用到什么类，什么方法，再入源码。 高屋建瓴的角度咱也做不到啊，毕竟水平有限 pixijs 的源码之前折腾了半天都运行不起来，文档也没有明确说明如何调式 我在 github 上看到过也有歪果仁在...[2024/7/12]

拿获取作品列表为例 https: cp.kuaishou.com/rest/cp/work v2/video/pc/photo/list?__NS_sig3=xxxxxxxxxxx 搜索__NS_sig3 发现__NS_sig3是一个异步回调生成的值 s().call("$enco...[2024/7/11]

效果展示 基础概念 WebRTC指的是基于web的实时视频通话，其实就相当于A->B发直播画面，同时B->A发送直播画面，这样就是视频聊天了 WebRTC的视频通话是A和B两两之间进行的 WebRTC通话双方通过一个公共的中心服务器找到对方，就像聊天室一样 WebRTC的连接过程...[2024/7/8]

源码地址 V8源码Array 710行开始为sort()相关 Array.sort()方法是那种排序呢？ 去看源码主要是源于这个问题 In-place QuickSort algorithm. For short (length <= 22) arrays, insertio...[2024/6/28]

按照常识，位运算x|0，要么等于x，要么等于0 那么在JS的世界你的认知就要被颠覆了 下面请看 不带或0运算： (window.crypto.getRandomValues(new Uint32Array(1))[0] * 0x10000 ) 168546249998336 (window...[2024/6/25]

前言 ??缘由 JS代码小技巧，教你如何守株待妹 ??你想听的故事： 顶着『前端小王子』的称号，却无法施展自己的才能。 想当年本狗赤手空拳打入前端阵地，就是想通过技术的制高点来带动前端妹子。奈何时不待我，前端妹子成了稀有资源，只剩下抠脚大汉前端大叔。 秉承没有妹子也得继续学习的态度，本...[2024/6/5]

前言 前面选用了IdentityServer4做为认证授权的基础框架,感兴趣的可以看上篇<微服务下认证授权框架的探讨>,已经初步完成了authorization-code与implicit的简易demo(html+js 在IIS部署的站点),并实现了SSO,本想着将Demo迁移到vu...[2024/5/31]

Particles.js：为Web项目增添动态粒子效果 示例 介绍 Particles.js是一个轻量级的JavaScript库，用于在Web页面上创建和管理动态粒子效果。它允许开发者通过简单的配置文件实现复杂的动画效果，为网页增添视觉吸引力。粒子可以是点、线、图像等，能够根据用户交互进...[2024/5/31]

??缘由 JS中async/await异步调用，只能通过try-catch吗？ ??你想听的故事： 作为一个合格的全栈搬砖工，那必须文武双全，前后必备。遂吾日三省吾身，偶发觉前端长时间不写有些落下，便抽用了摸鱼的时间，检查一下前端小老弟的代码。 不查不知道，一查吓一跳。乍一看小老弟代码清...[2024/5/29]

JS 监听用户页面访问&页面关闭操作并进行数据上报 前言 最近在做安全方面的项目，有个需求是在用户访问页面和关闭页面的时候，发送对应的数据。 刚拿到需求的时候，觉得没啥东西，init 的时候发送一次，页面 unload 的时候发送一次就行了，很简单，后面开发了一下，又根据当前项目，发现...[2024/5/24]

ECMAScript 2023 主要包含内容 ECMAScript 2023 于 2023 年 6 月 27 日获得 ECMA International 的批准。 ECMAScript 是标准化的 JavaScript 语言，于 1997 年发布了第一版，现已发展成为世界上使用最广泛的通用...[2024/5/22]

ECMAScript 2024 新特性 ECMAScript 2024, the 15th edition, added facilities for resizing and transferring ArrayBuffers and SharedArrayBuffers; added a ...[2024/5/13]

最近，群里在讨论这么一个有趣的交互效果，来源于：vueflow.dev： 通过审查元素，发现原效果借助了 Canvas 实现。 思索了一番，觉得这个效果利用 CSS 配合部分 Javascript 代码完全也是可以做到的。 于是动手尝试了一番，最终完美的复刻了该效果： 过程中还是...[2024/5/13]

原文在这里 简介 web3-eth包提供了一套强大的功能，可以与以太坊区块链和智能合约进行交互。在本教程中，我们将指导您如何使用web3.js版本4的web3-eth包的基础知识。我们将在整个示例中使用TypeScript。 步骤 1：配置环境 在我们开始编写和部署我们的合约之前，我们需...[2024/5/13]

Canvas图形编辑器-我的剪贴板里究竟有什么数据 在这里我们先来聊聊我们究竟应该如何操作剪贴板，也就是我们在浏览器的复制粘贴事件，并且在此基础上聊聊我们在Canvas图形编辑器中应该如何控制焦点以及如何实现复制粘贴行为。 在线编辑: https: windrunnermax.github.i...[2024/5/8]

到目前为止，我们仅讨论了音频的合成与处理，但这仅是 Web Audio API 提供的一半功能。另一半功能则是音频的分析，它播放起来应该是什么样子的。它最典型的例子就是音频可视化，但其实有更多的其它应用场景，包括声调检测，节减检测，语音识别等，这些已大大超出本书范围。 对于游戏或交互式应用开发...[2024/4/19]

Avalonia是一个跨平台的.NET UI框架，它允许开发者使用C#和XAML来创建丰富的桌面应用程序。在Avalonia中，Alignment、Margin和Padding是非常重要的布局属性，它们与Panel元素一起使用，可以构建出各种复杂的用户界面。 Alignment、Margin 和...[2024/4/11]

需求 设置飞机的一些坐标位置(经纬度高度)，插值得到更多的坐标位置，然后飞机按照这些坐标集合形成的航线飞行，飞机的朝向、俯仰角以及飞机转弯时的翻转角根据坐标集合计算得出，而不需要手动设置heading、pitch、roll。 坐标插值 不知道为什么，可能是飞行速度变化太大，我用Cesium自带...[2024/4/3]

转载请注明出处：https: www.cnblogs.com/zhiyong-ITNote SSE：Server Sent Event；服务器发送事件。 Server-Sent Events（SSE）是一种由服务器向客户端推送实时数据的技术。它是构建基于事件的、服务器到客户端的通信的一种...[2024/3/29]

本文分享自华为云社区《3月阅读周·你不知道的JavaScript | 无人不识又无人不迷糊的this》，作者： 叶一一。 关于this this关键字是JavaScript中最复杂的机制之一。它是一个很特别的关键字，被自动定义在所有函数的作用域中。 为什么要用this 随着开发者的使用模式越...[2024/3/27]

Web Audio API 第2章 完美的播放时机控制 相较于 标签, Web Audio API 拥有低延迟精确定时模型。 低延时对于游戏或交互式应用来说非常重要，因为交互操作时要快速响应给用户的听觉。如果响应的不及时，用户就会察觉到延时，这种体验相当不好。 在实践中，由于人类听觉的不完...[2024/3/25]

前言 之前在公司用JS写前端页面，本来自己是一个写后端的，但是奈何人少，只能自己也去写了。但是自己对前端基本不懂，基本就是照着前人写的照着抄，反正大体意思是明白的，但是出现问题了，基本上也是吭哧吭哧好几天，也能解决，但是由于自己对前端这一套是一点都不懂，导致效率很低，而且经常返工。后来稍微学习了...[2024/3/25]

一个兜兜转转，从“北深”回到三线城市的小码农，热爱生活，热爱技术，在这里和大家分享一个技术人员的点点滴滴。欢迎大家关注我的微信公众号：果冻想 前言 不得不吐槽，学个JS，这个概念也太多了，但是这些概念你不懂吧，代码你都看不懂，你都寸步难行。好吧，这又遇到了作用域方面的知识盲区，然后发现，又...[2024/3/18]

01、树形结构数据 前端开发中会经常用到树形结构数据，如多级菜单、商品的多级分类等。数据库的设计和存储都是扁平结构，就会用到各种Tree树结构的转换操作，本文就尝试全面总结一下。 如下示例数据，关键字段id为唯一标识，pid为父级id，用来标识父级节点，实现任意多级树形结构。"pid":...[2024/2/26]

初探富文本之文档diff算法 当我们实现在线文档的系统时，通常需要考虑到文档的版本控制与审核能力，并且这是这是整个文档管理流程中的重要环节，那么在这个环节中通常就需要文档的diff能力，这样我们就可以知道文档的变更情况，例如文档草稿与线上文档的差异、私有化版本A与版本B之间的差异等等，本文就以Q...[2024/2/21]

自己常用的 TS 写法总结，应该会一直更新。可使用 TS在线编译 校验 TS 语法。 基本用法 普通 const num: number = 10 const isStop: boolean = false const title: string = ''常用TS总结'' const cu...[2024/2/7]

废话不多说，龙年腾云特效送给大家 预览 在线预览 龙年腾云 源码 龙是使用的 svg，你也可以替换成其他样式的龙，而云是图片转化成的 base64 编码，所以整个文件就是一个 html。 <!DOCTYPE html> <html lang="en"> &...[2024/2/2]

[西湖论剑 2022]Node Magical Login 环境！启动！(ノへ￣、) 这么一看好像弱口令啊，（不过西湖论剑题目怎么会这么简单，当时真的傻），那就bp抓包试一下（这里就不展示了，因为是展示自己思路，这里就写了一下当时的NC思路，其实是不对的┭┮﹏┭┮） 不是BP弱口令？那好...[2024/1/29]

今天在力扣上做了一道数组扁平化的题，按理来说，应该熟能生巧了，但是在使用concat时候超出了时间限制，使用push可以通过，代码如下： /** * @describe 使用concat，超出时间限制 * @param {Array} arr * @param {number} dept...[2024/1/26]

利用灵活的“导入”和“导出”机制，WebA embly与承载的JavaScript应用之间可以很便利地“互通有无”。《与JavaScript的交互》着重演示了如何利用函数的导入和导出实现功能的共享，接下来我们主要关注数据的传递或者共享。宗地来说，WebA embly与宿主程序之间的数据传递主要有...[2024/1/26]

（一）前置知识 开始前，我们先来复习一下HTTP的基础知识。 HTTP请求分为：请求行、请求头、空行、请求体（也叫正文、请求实体、请求主体）。 HTTP响应分为：状态行（也叫响应行）、响应头、空行、响应体（也叫正文、响应实体、响应主体）。 在HTTP请求中，最常见的GET请求是没有请求体...[2024/1/24]

本文将介绍如何用JS实现简单的屏幕录像机。 一、录制准备 创建一个按钮 <button id="recording-toggle">Start recording</button> 书写JavaScript var RECORDING_ONGOING = fa...[2023/12/22]

作者：vivo 互联网安全团队- Luo Bingsong 前端代码都是公开的，为了提高代码的破解成本、保证JS代码里的一些重要逻辑不被居心叵测的人利用，需要使用一些加密和混淆的防护手段。 一、概念解析 1.1 什么是接口加密 如今这个时代，数据已经变得越来越重要，网页和APP是主流的数...[2023/12/22]

| 当谈到异步编程时，async/await是JavaScript中常用的功能之一。下面是10个常用的await和async函数示例，以及对它们的代码用途的解析： 1.异步获取数据 async function fetchData() { const response = await f...[2023/12/22]

引言 最近在学习可视化的东西，这让我想起了一些以前用过的图表库，其实我在日常做的大多是普通的需求，可视化方面应用的并不多，只是偶尔会因为个别特殊的需求，去借助一些图表库来实现图表的展示，这些普通的图表库，在使用上都大差不差，并没有什么太大的区别，但是某些特殊的图表库，比如地图库，在使用上和一些普...[2023/12/15]

big.js，一个小型、快速的用于任意精度的十进制算术的JavaScript 库。 big.js 用于解决平常项目中进行算术运算时精度丢失引起的结果不准确的问题。和 big.js 类似的两个库 bignumber.js 和 decimal.js 也都是出自同一作者（MikeMcl）之手。 作...[2023/11/29]

我们经常看到在听乐音的时候，会有音谱图随着音乐的节奏不断变化给人视觉上的享受，那么我们通过js来实现以下这个效果，下面是简单的效果图  首先我们需要有一个绘制音频的函数 function draw() { 请求下一帧动画 animationId = req...[2023/11/17]

声明 本文章中所有内容仅供学习交流，抓包内容、敏感网址、数据接口均已做脱敏处理，严禁用于商业用途和非法用途，否则由此产生的一切后果均与作者无关，若有侵权，请联系我立即删除！ 目标 目标网站 aHR0cHM6Ly9kLndlaWRpYW4uY29tL3dlaWRpYW4tcGMvbG9naW...[2023/11/17]

require()、import、import()是我们常用的引入模块的三种方式，代码中几乎处处用到。如果对它们存在模糊，就会在工作过程中不断产生困惑，更无法做到对它们的使用挥洒自如。今天我们来一起捋一下，它们之间有哪些区别？   一、前世今生 学一个东西，先弄清楚它为什么会出现...[2023/11/15]

本文首发于公众号：Hunter后端 原文链接：es笔记六之聚合操作之指标聚合 聚合操作，在 es 中的聚合可以分为大概四种聚合： bucketing(桶聚合) mertic(指标聚合) matrix(矩阵聚合) pipeline(管道聚合) bucket 类似于分类分组，按照某个...[2023/11/13]

目录 Welcome to YARP - 1.认识YARP并搭建反向代理服务 Welcome to YARP - 2.配置功能 2.1 - 配置文件（Configuration Files） 2.2 - 配置提供者（Configuration Providers） 2.3 - 配置过滤器（C...[2023/11/13]

本人之前对Cla 一直不够重视。平时对原型的使用，也仅限于在构造函数的prototype上挂属性。原型尚且用不着，更何况你Cla 只是原型的一颗语法糖？ 直到公司开始了一个webgis项目，使用openlayers。看了下openlayers的代码，整个api都是用Cla 构建的。我才意识到，...[2023/11/10]

1. 背景 随着现代技术的快速发展，即时交互变得越来越重要。用户不仅希望获取信息，而且希望以更直观和实时的方式体验它。这在聊天应用程序和其他实时通信工具中尤为明显，用户习惯看到对方正在输入的提示。 ChatGPT，作为 OpenAI 的代表性产品之一，不仅为用户提供了强大的自然语言处理能力，而...[2023/11/1]

需求 目前有一个需求，不同对象有一些公共属性，分别也有一些不同的属性。对方传过来的json字符串中，把这些对象组成了一个数组返回过来的。这样该如何反序列化呢？ 举例 定义Person类、Student类、Worker类； @Data @ToString public cla Person ...[2023/10/20]