经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
 JavaScript

使用js写一个音乐音谱图

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

JS逆向实战26——某店ua模拟登陆

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

require()、import、import()有哪些区别?

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

es笔记六之聚合操作之指标聚合

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

Welcome to YARP - 5.压缩、缓存 - coding-y

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

用原型实现Class的各项语法

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

大模型问答助手前端实现打字机效果

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

gson如何序列化子类

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

JS逆向实战24—— 补环境过某房地产瑞数4.0

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

如何判断一个点在地图上?如何判断一个点在多边形内?

如何判断一个点在地图上?如何判断一个点在多边形内?

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

JS逆向实战23——某市wss URL加密+请求头+ws收发

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

JS深入学习笔记 - 第一章.构造函数原型与原型链

JS深入学习笔记 - 第一章.构造函数原型与原型链

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

监听数组Array变化或Obj属性变化

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

15.3K Star,超好用的开源协作式数字白板:tldraw

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

每日一题:吃透大文件上传问题(附可运行的前后端源码)

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

js详细讲解放大镜的实现

js详细讲解放大镜的实现

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

stencilJs学习之构建 Drawer 组件

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

【NestJS系列】连接数据库及优雅地处理响应

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

表格JS实现在线Excel的附件上传与下载

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

并发工具类Phaser

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

前端黑魔法 —— 隐藏网络请求的调用栈

前端黑魔法 —— 隐藏网络请求的调用栈

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

async/await初学者指南

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

【NestJS系列】从Nest CLI开始入门

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

性能优化之window.onload

性能优化之window.onload

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

高效处理报表,掌握原生JS打印和导出报表为PDF的顺畅技巧!

高效处理报表,掌握原生JS打印和导出报表为PDF的顺畅技巧!

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

JS引擎中的线程,事件循环,上下文

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

为什么会出现 setTimeout 倒计时误差

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

这款全自动自适应工具你用过了吗?autofit.js请求加入你的战场!

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

JS滚动到顶部踩坑解决记录

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

ChatGPT 打字机效果原理

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

JS树形结构根据id获取父级节点元素的示例代码

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

可视化—gojs 超多超实用经验分享(一)

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

JS的拖拽属性draggable详解

JS的拖拽属性draggable详解

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

js实现响应按钮点击弹出可拖拽的非模态对话框完整实例【测试可用】[原创]

js实现响应按钮点击弹出可拖拽的非模态对话框完整实例【测试可用】[原创]

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

详解JS中异常与错误处理的正确方法

详解JS中异常与错误处理的正确方法

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

一文掌握new&nbsp;Date()&nbsp;方法

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

JS中Map、WeakMap和Object的区别解析

JS中Map、WeakMap和Object的区别解析

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

uni.getLocation和wx.getLocation方法调用无效也不返回失败的解决方案

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

JS时间戳转换为常用时间格式的三种方式

JS时间戳转换为常用时间格式的三种方式

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

js中如何复制一个数组(浅复制、深复制)

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

JS实现判断两个日期不能跨年和跨月

JS实现判断两个日期不能跨年和跨月

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

JS如何去掉小数末尾多余的0,并且最多保留两位小数

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

浅谈JS中小数相加不精确的原因

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

原生JS实现简单屏幕截图

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

js&nbsp;模块化CommonJS&nbsp;AMD&nbsp;UMD&nbsp;CMD&nbsp;ES6规范详解

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

详解requestAnimationFrame和setInterval该如何选择

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

JS实用技巧实现loading加载示例详解

JS实用技巧实现loading加载示例详解

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

js前端上传文件缩略图技巧示例详解

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

JS前端认证授权技巧归纳总结

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

js直接操作数据库会怎么样

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

101
2
记录数:6726 页数:1/13512345678910下一页尾页
 友情链接:直通硅谷  直通硅谷 怎么样 mac软件下载  热播韩剧  策驰影视  影视信息  七七影视
加载更多