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

ES 2024 新特性

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.js:使用eth包

web3.js:使用eth包

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

Canvas简历编辑器-我的剪贴板里究竟有什么数据

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

Web Audio API 第5章 音频的分析与可视化

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

Avalonia中的布局

Avalonia中的布局

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

Cesium 根据飞机航线计算飞机的Heading(偏航角)、Pitch(俯仰角)、Roll(翻滚角)

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

聊聊大模型"打字机"效果的背后技术——SSE

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

无人不识又无人不迷糊的this

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

Web Audio API 第2章 完美的播放时机控制

Web Audio API 第2章 完美的播放时机控制

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

AMD、request.js,生词太多,傻傻搞不清

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

说JS作用域,就不得不说说自执行函数

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

前端树形Tree数据结构使用-🤸🏻?♂?各种姿势总结

前端树形Tree数据结构使用-🤸🏻?♂?各种姿势总结

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

初探富文本之文档diff算法

初探富文本之文档diff算法

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

常用TS总结

自己常用的 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]web部分题解(更新中ing)

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

Concat、Push、Spread syntax性能差异对比

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

WebAssembly入门笔记[2]:利用Memory传递字节数据

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

这一次,弄明白JS中的文件相关(二):HTTP请求头和响应头

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

用JS实现简单的屏幕录像机

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

前端 JS 安全对抗原理与实践

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

10个必备的 async/await 工具函数

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

开源地图库OpenLayers的简单使用

开源地图库OpenLayers的简单使用

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

图文剖析 big.js 四则运算源码 - xingba-coder

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

使用js写一个音乐音谱图

使用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

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深入学习笔记 - 第一章.构造函数原型与原型链

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详细讲解放大镜的实现

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

stencilJs学习之构建 Drawer 组件

stencilJs学习之构建 Drawer 组件

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

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

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

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

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

表格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

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

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

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

101
2
记录数:6751 页数:1/13612345678910下一页尾页
 友情链接:直通硅谷  直通硅谷 怎么样 mac软件下载
加载更多