我们经常看到在听乐音的时候，会有音谱图随着音乐的节奏不断变化给人视觉上的享受，那么我们通过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]

前言 瑞数就不过多介绍了，算是国内 2 线产品中的天花板了。4 代其实难度不高，但要弄出来 确实挺费时间和耐心的。今天就简单来讲讲如何用补环境轻松的过瑞数。 本文首发链接为: https: mp.weixin.qq.com WnScMVv3kmdlrFLjr-m3Pg 前言 本文章中所有内容...[2023/10/11]

highlight: a11y-dark 近期，有接手到一个echarts地图图表项目，因为采集的散点数据很多打不到准确的地图点上，故有了这个问题。 一般而言，标题的两个问题其是同一个问题，因为对与一个地图数据，也就是geoJson来说，其实就是一个有很多个点的多边形。 目前来说判断...[2023/10/9]

声明 本文章中所有内容仅供学习交流，抓包内容、敏感网址、数据接口均已做脱敏处理，严禁用于商业用途和非法用途，否则由此产生的一切后果均与作者无关，若有侵权，请联系我立即删除！ 本文首发链接为: https: mp.weixin.qq.com o5UCJFhBg-4JFdS0aEwDuw 前言 ...[2023/10/9]

1.构造函数和原型  1.1 概述 在典型的 OOP语言中（如Java)，都存在类的概念，类就是对象的模板，对象就是类的实例，但在ES6之前，JS并没有引入类的概念。 在ES6之前，对象不是基于类创建的，而是一种称为构建函数的特殊函数来定义对象和它们的特征。 有三种创建对...[2023/9/14]

工作中经常会遇到监听数组发生变化时执行相应的回调触发逻辑，客户应用场景中需要实现对象变量的动态监听，当变量发生变化时触发回调函数，实现事件发送等应用场景。       通常由以下两种方式实现需求 一.通过改变对象原型prototype方法实现回调监听 创建一...[2023/9/13]

大家好，我是TJ 今天给大家推荐一个开源协作式数字白板：tldraw。 tldraw的编辑器、用户界面和其他底层库都是开源的，你可以在它的开源仓库中找到它们。它们也在NPM上分发，提供开发者使用。您可以使用tlDraw为您的产品创建一个临时白板，或者将其作为构建自己应用的工具来使用。 在...[2023/9/13]

大文件上传 前言 在日常开发中，文件上传是常见的操作之一。文件上传技术使得用户可以方便地将本地文件上传到Web服务器上，这在许多场景下都是必需的，比如网盘上传、头像上传等。 但是当我们需要上传比较大的文件的时候，容易碰到以下问题： 上传时间比较久 中间一旦出错就需要重新上传 一般服务端会对文...[2023/9/13]

实现放大镜的整体思路 1.当鼠标放在图片上的时候,出现蒙层。 2.出现蒙层，让鼠标在蒙层中心 3.限制蒙层移动的范围 4.放大镜移动 最终实现的效果 鼠标放上去的时候,出现一个蒙层。 蒙层的移动范围只能在图片里，不能超出范围。 移动蒙层时，右侧会出现图片的放大部分。 移除图片的范围，放大镜消...[2023/9/10]

前言 在之前的学习中，我们已经掌握了 stencilJs 中的一些核心概念和基础知识，如装饰器 Prop、State、Event、Listen、Method、Component 以及生命周期方法。这些知识是构建复杂组件和应用的基础，而抽屉组件是一个很好的示例，能够综合运用这些知识，让我们更深入地...[2023/9/1]

前言 Node作为一门后端语言，当然也可以连接数据库，为前端提供CURD接口 我们以mysql为例，自行安装mysql TypeORM TypeORM 是一个ORM框架，它可以运行在 NodeJS、Browser、Cordova、PhoneGap、Ionic、React Native、Ex...[2023/8/30]

摘要：本文由葡萄城技术团队于博客园原创并首发。转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。 前言 在本地使用Excel时，经常会有需要在Excel中添加一些附件文件的需求，例如在Excel中附带一些Word，CAD图等等。同样的，类比到Web端...[2023/8/16]

前言 在面试这一篇我们介绍过CountDownLatch和CyclicBarrier，它们都是jdk1.5提供的多线程并发控制类，内部都是用AQS这个同步框架实现。 在我们的实际项目中，有很多场景是需要从数据库查询一批数据，多线池执行某些操作，并且要统计结果，我们对这个过程做了一些封装，由于要...[2023/8/11]

前言 浏览器网络控制台会记录每个请求的调用栈（Initiator/启动器），可协助调试者定位到发起请求的代码位置。 为了不让破解者轻易分析程序，能否隐藏请求的调用栈？ 事件回调 事实上，使用之前 《如何让 JS 代码不可断点》 文中的方案，通过「内置回调」到「原生函数」，即可隐藏请求的调...[2023/8/7]

JavaScript中的async和await关键字提供了一种现代语法，帮助我们处理异步操作。在本教程中，我们将深入研究如何使用async/await来掌控JavaScript程序中的流程控制。 总览 如何创建JavaScript异步函数 async关键字 await关键字 声明异步函数...[2023/7/21]

初识Nest JS Nest 是一个渐进的 Node.js 框架，它可以在 TypeScript 和 JavaScript (ES6、ES7、ES8)之上构建高效、可伸缩的企业级服务器端应用程序。 Nest 基于 TypeScript 编写并且结合了 OOP（面向对象编程），FP（函数式编程）...[2023/7/12]

前言 最近在做一些性能优化相关的工作，相信大家在工作过程中也会遇到一些性能优化相关的场景，这对于前端开发者来讲是一项加分技能。为了我们的用户在使用我们的产品时能够有一个非常好的体验，我们需要对页面进行诊断优化。在行业中，我们的页面P90在两秒内算是达标，超过这个时间那么你就可能会流失部分用户。 ...[2023/7/5]

摘要：本文由葡萄城技术团队于博客园原创并首发。转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。 前言篇 在日常工作中，报表打印和导出为PDF是经常要处理的任务之一。除了方便我们将信息传达给同事和客户外，还可以让工作看起来更加专业、漂亮和规范，从而赢...[2023/6/21]

  线程 浏览器中有哪些进程呢？ 1.浏览器进程：浏览器的主进程，负责浏览器的界面界面显示，与用户交互，网址栏输入、前进、后退，以及页面的创建和销毁。 2.渲染进程(浏览器内核)：默认一个tab页面一个渲染进程，主要的作用为页面渲染，脚本执行，事件处理等。 3.GPU进程：用于3D绘制等...[2023/6/9]

setTimeout 倒计时误差的出现主要与 JavaScript 的事件循环机制和计时器的执行方式有关。 在 JavaScript 中，事件循环是用于管理和调度代码执行的机制。setTimeout 函数用于设置一个定时器，在指定的延迟时间后执行回调函数。然而，由于事件循环的机制，setTim...[2023/6/2]

前段时间做了一个自适应的小工具（autofit.js） 经过一段时间的试用，同学们发现了工具存在的一些问题，我自己也发现了一些，这篇文章是针对这些问题撰写的。 autofit.js autofit.js是一款可以让你的项目一键自适应的工具。 autofit.js npm 主页 au...[2023/5/19]

正文 一般在比较长的页面中会有一个滚动到顶部的按钮，用户点击一下 300ms 内，会滚动到顶部，有动画效果。 一开始我想，这不是很简单，一行代码完美解决 $(document.documentElement).animate({scrollTop: 0}, 300); 使用这个可以到...[2023/5/17]

一、背景 在初次使用 ChatGPT 时，我就被打字机的视觉效果吸引。总是感觉似曾相识，因为经常在一些科幻电影中看到，高级文明回传的信息在通讯设备的屏幕上以打字机效果逐步出现，在紧张的氛围下，输出人类可读的内容，拉动着观众的神经，一步步将故事情节拉向高潮。 在很早之前我就了解过 Server...[2023/5/15]

目录封装函数调用函数 封装函数 传入 id、树形结构数据 export function getParentTree(id, tree) { let arr = [] 要返回的数组 for (let i = 0; i < tree.length; i++) { ...[2023/5/15]

目录1. 设置分组模板，默认样式，统一最小宽度，展开收起状态监听2. 分组名称显示成员个数: 分组名称+成员个数: name(children)3. 分组成员为空时，不显示 placeholder 占位留白4. 分组第一次展开请求获取成员接口，监听展开收起状态 subGraphExpandedC...[2023/5/8]

目录摘要1.了解draggable属性的使用2.拖动元素A的事件3.拖入元素B的事件 摘要 作为h5新增的属性draggable，它能够给与一切的html元素拖动的效果。而在这个属性之下，也有着关于拖动效果的各个方法。而这一篇文章，主要就是说一下关于draggable属性的使用以及工作场景。 ...[2023/4/24]

1.c 部分： .dialog { ? display: none; ? position: absolute; ? left: 50%; ? top: 50%; ? transform: translate(-50%, -50%); ? background-color: #fff...[2023/4/24]

目录简介1 面向错误编程1.1 墨菲定律1.2 先判否2. js 内置的错误处理2.1 Error 类2.2 throw2.3 try catch2.4 Promise.catch3. 错误处理只有一次总结 简介 首先，这篇文章一定会引起争议，因为对于错误处理从来就没有真正的标准答案，每个人都会...[2023/4/21]

目录可恶的四宗罪1. Safari浏览器不兼容YYYY-MM-DD这样的格式2、月份的索引是以0为起点的，而年份、日期却不是3、年份小于100，默认以19xx或20xx开头4、日期初始化不统一，存在时区差异应用思考1. 时间的计算2. 时间的比较3. 时间的格式化困境的解决实例化对象时间戳及克隆时间...[2023/4/19]

目录JavaScript中的Map、WeakMap和Object都是用于存储键值对的数据结构：下面是Map、WeakMap和Object之间的区别：1. 键的类型：2. 垃圾回收：3. 可枚举性：4. 方法和操作：5. 继承：使用场景：下面是一些使用Map、WeakMap和Object的示例：1. ...[2023/4/19]

线上已解决问题的代码 记录时间 2022.12.10 获得地理定位信息 uni.getLocation({ type: ''wgs84'', succe : function(resp) { console.log(11111)...[2023/4/19]

目录前言1、js 时间戳转日期（可直接复制）2、在main.js中创建过滤器（1）main.js中，创建过滤器将其挂载到vue上（2）页面中具体使用3、day.js（1）三种安装方式任选其一（2）页面中具体使用总结 前言 在js中将时间戳转换为常用的时间格式，有三种主要的方式 1、使用JS中...[2023/4/17]

目录下面介绍数组的浅复制方法一：concat()方法二：slice()方法三：扩展运算符方法四： Object.a ign()下面是深复制方法一：JSON.parse(JSON.stringify(arr))方法二：通用方法（数组或对象）方法三：利用lodash的深拷贝函数在Vue中使用安装在mai...[2023/4/14]

js判断两个日期不能跨年和跨月，例如20230108，20230208 一、可以使用JavaScript中Date对象的方法来判断两个日期是否跨年和跨月。以下是一个实现该功能的示例代码： const date1 = new Date(''2023-01-08''); const date...[2023/4/14]

目录js去掉小数末尾多余的0,并且最多保留两位小数思路js去掉小数点后面的0 （uniapp 和 vue比较适用）总结 js去掉小数末尾多余的0,并且最多保留两位小数 比如： '' -> 00.00 -> 01 -> 11.10 -> 11.21300...[2023/4/14]

目录前言Javascript中小数相加的问题如何让小数相加的结果保持准确？1.使用toFixed()2.使用bignumber.js3.使用ES6的Number.MAX_SAFE_INTEGER属性 前言 Javascript是一种强大的编程语言，可以轻松处理各种数据类型，包括字符串、数字、数组...[2023/4/12]

目录了解 HTML5 中的 Canvas获取屏幕截图结论 在 Web 开发中，截图是一项非常有用的技术。可以使用截图来记录当前屏幕状态，生成缩略图或进行屏幕分享等操作。在本文中，我将介绍如何使用原生 JavaScript 来实现截图功能。 了解 HTML5 中的 Canvas HTML5 中...[2023/4/12]

目录js 的演变模块化1. CommonJS 规范2. AMD 规范3. UMD 规范4. CMD 规范5. ES6 模块化AMD 和 CMD 的区别ES6 模块与 CommonJS 模块的差异最后 js 的演变 通过这篇文章，笔者将介绍几种 js 模块化的规范，以及它们各自的优缺点和差异....[2023/4/12]

目录正文requestAnimationFrame的工作方式setInterval的工作方式requestAnimationFrame和setInterval之间的区别适用场景写在后面 正文 在Web前端开发中，使用计时器是实现动画效果、周期性任务、定时器等常见操作的核心。JavaScrip...[2023/3/31]

目录防抖节流自定义指令一、问题现象二、想法三、实现loading加载一、想法二、实现总结 防抖节流自定义指令 一、问题现象   操作系统流程时，网速过慢，点击【按钮】，页面没有及时反应；用户感知不到，再次点击按钮，系统流程报错。 二、想法   ...[2023/3/27]

目录引言文件对象简介BlobFileFileReaderFormData文件对象之间的关系缩略图的实现总结 引言 通常情况下，前端提交给服务器的数据格式为JSON格式，但很多时候用户想上传自己的头像、视频等，这些非文本数据的时候，就不能直接以JSON格式上传到后端了。 当我们要获取用户上...[2023/3/27]

目录概念介绍认证授权鉴权认证、授权和鉴权关系认证授权方案HTTP 基本认证Se ion-CookieToken什么是 TokenRefresh TokenJSON Web Token（JWT）Oauth 2.0总结 概念介绍 认证授权在业界已经有很多成熟的方案，但对于前端开发来说，大部分情况...[2023/3/27]

       这几天刷脉脉的时候看到一个话题初看觉得可笑，再看陷入沉思，最后还是决定花点时间想清楚，写下来。   确实没见人这么干过，为什么呢？ 技术限制 被技术限制了？据我所知目前没有面向js的数据库驱动，但反观现在的技术大...[2023/3/22]