hook js

js 数据转换问题

题目 将下面的数据结构 [ { "id": "1", "pid": "", "title": "标题1" }, { "id": "2", "pid": "1", "title": "标题2" }, { "id": "3", "pid": "1", "title" ......
数据 问题 js

Js中delete的作用

JavaScript 中的 delete 用于删除对象的属性或数组的元素。它可以让你删除一个对象的指定属性或数组的指定元素。 以下是使用 delete 来删除一个对象的属性的示例: const person = { name: "John", age: 30, city: "New York" }; ......
作用 delete

JS-碰撞的小球

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
小球 JS

【享元设计模式详解】C/Java/JS/Go/Python/TS不同语言实现

简介 享元模式(Flyweight Pattern),是一种结构型设计模式。主要用于减少创建对象的数量,以减少内存占用和提高性能。它摒弃了在每个对象中保存所有数据的方式,通过共享多个对象所共有的相同状态,让你能在有限的内存容量中载入更多对象。 当程序需要生成数量巨大的相似对象时,可能对内存有大量损耗 ......
设计模式 语言 模式 Python Java

js优化(防抖和节流)

![](https://img2023.cnblogs.com/blog/2330250/202304/2330250-20230410180400725-499188736.png) ![](https://img2023.cnblogs.com/blog/2330250/202304/23302... ......

d3.js制作蜂巢图表带动画效果

以上是效果图,本图表使用d3.js v4制作。图表主要功能是在六边形格子中显示数据,点击底部图标可以切换指定格子高亮显示,图表可以随浏览器任意缩放。 1.图表的主体结构是由正六边形组成,使用d3生成六边形可以使用d3-hexbin.js,生成六边形比较方便,只要给定中心点坐标和半径即可生成六边形路径 ......
蜂巢 图表 效果 动画 d3

JS异常处理

![](https://img2023.cnblogs.com/blog/2330250/202304/2330250-20230410174416565-732431193.png) ![](https://img2023.cnblogs.com/blog/2330250/202304/23302... ......

记录-html-docs-js避坑指南

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前言 我们公司目前在做基于tiptap的在线协同文档,最近需要做导出 pdf、word 需求。 导出 word 文档使用的是html-docx-js-typescript,是用 typescript 重写了一下html-docx-js,可 ......
html-docs-js 指南 html docs js

js删除cookie失败

如果js删除cookie失败,请检查以下要点: cookie不为httpOnly 删除cookie字段要设置全,字段要保持一致,比如: document.cookie = 'token=xxxx;path=/;domain=.baidu.com;max-age=-1' 如果cookie的domain ......
cookie

在浏览器端通过JS使用blob下载页面上的所有图片到本地

背景说明: 有一个站点页面上提供了192张图片供人浏览,https://ow365.cn/?i=21143&ssl=1&n=5&furl=XnZULZgaboaqolKW8yxiuW_bo78ozXbiWHH@EXuvOeC_QkhKiwDGK2BMM9m@EbwiQNmolsdEsV0= 尝试在n ......
浏览器 页面 图片 blob

Node.js安装

一、安装 1、安装包下载 https://nodejs.org/download/release/v16.20.0/ 2、将node-v16.20.0-linux-x64.tar.gz上传至/opt/soft目录 3、解压 cd /opt/soft && tar -zxvf node-v16.20. ......
Node js

和我一起学 Three.js【初级篇】:1. 搭建 3D 场景

本篇文章介绍了 Web 3D 世界的渲染原理,以及如何通过 Three.js 搭建一个 3D 场景并添加必要组件,在文章的最后,我们甚至还通过动画和变换属性得到了一个不断旋转的立方体! ......
场景 Three 3D js

ChatGPT垂直行业私有数据知识库功能-咨询接口采用流式响应输出-JS和Golang实现流式响应

近期开发私有数据知识库功能,想要实现和ChatGPT聊天效果类似的逐字流式输出展示效果。 GPT3.5本身就有流式聊天补全接口,后端Golang对接后,也需要能流式输出。下面就介绍下前端JS后端Golang来实现这种输出效果 大部分介绍是使用EventStream来实现,我现在不使用EventStr ......
知识库 接口 ChatGPT 功能 知识

JS怎么实现web端上传超大文件

​ 前言 文件上传是一个老生常谈的话题了,在文件相对比较小的情况下,可以直接把文件转化为字节流上传到服务器,但在文件比较大的情况下,用普通的方式进行上传,这可不是一个好的办法,毕竟很少有人会忍受,当文件上传到一半中断后,继续上传却只能重头开始上传,这种让人不爽的体验。那有没有比较好的上传体验呢,答案 ......
文件 web

全网最详细中英文ChatGPT-GPT-4示例文档-人工智能助手从0到1快速入门——官网推荐的48种最佳应用场景(附python/node.js/curl命令源代码,小白也能学)

作为一个智能语言模型,ChatGPT可以扮演各种角色,与人类进行自然语言交互。它能够很好地理解人类语言,并根据对话场景生成相应的回复,同时ChatGPT还可以模仿人类的语言风格,以便更好地与人类进行交流。ChatGPT这一强大的功能和智能化程度,将为各行各业带来更高效、更智能化的智能AI助手解决方案... ......

JS上传文件重命文件名

// 选择图片后的处理 handleSelect(file, fileList) { let image = new Image() image.src = file.url image.onload = () => { if (image.width > 900) { compressImage( ......
文件 文件名

全网最详细中英文ChatGPT-GPT-4示例文档-食谱智能生成从0到1快速入门——官网推荐的48种最佳应用场景(附python/node.js/curl命令源代码,小白也能学)

ChatGPT的训练数据涵盖了大量的食材和食谱,可以通过结合大量的料理方法,快速地为用户生成符合自己口味的食谱。所以在和美食相关的行业,ChatGPT可以根据用户的各种美食需求,为其提供美味又有营养的餐食搭配,帮助用户更轻松地制作美食,享受美味。 ......
全网 示例 食谱 源代码 ChatGPT-GPT

全网最详细中英文ChatGPT-GPT-4示例文档-文章大纲智能生成器从0到1快速入门——官网推荐的48种最佳应用场景(附python/node.js/curl命令源代码,小白也能学)

ChatGPT提供了快速智能生成文章大纲的功能,旨在帮助作者更高效地实现创作目标。ChatGPT还可以根据作者的需求,生成不同类型的文章大纲,例如新闻稿、小说、科技文章等等。同时经过大量训练,生成的文章大纲具有很高的准确性和可靠性,这将帮助作者更快地实现写作目标,提高文章的质量和效率。 ......
生成器 全网 示例 源代码 大纲

Three.js 进阶之旅:全景漫游-高阶版在线看房 🏡

本文使用Three.js实现一个可以应用到实际项目中的3D在线看房案例。通过阅读本文和实践案例,你将学到的知识包括:使用 Three.js 实现多个场景的加载和场景间的丝滑过渡切换、随着空间一直和角度实时变化的房源小地图、在全景场景中添加如地面指引、空间物体展示、房间标注等多种类型的交互热点等。 ......
高阶 之旅 127969 Three js

Bot in Discord with discord.js(16)

Chapter 19 - 本地化回复 本文撰写时,项目已升级至 discord.js@v14.9.0。 本地化(Localization)是什么 本地化是指将软件或产品适应不同的语言、文化和地区的过程。 本地化可以帮助你的程序在全球范围内更好地接受和使用,从而提高用户体验和满意度。 本地化可以帮助你 ......
Discord discord with Bot 16

国家医保服务平台js逆向(SM4+SM2)

网站: aHR0cHM6Ly9mdXd1Lm5oc2EuZ292LmNuL25hdGlvbmFsSGFsbFN0LyMvc2VhcmNoL21lZGljYWwtc2VydmljZT9jb2RlPTkwMDAwJmZsYWc9ZmFsc2UmZ2JGbGFnPXRydWU= 接口分析 通过接口分析可以 ......
医保 服务平台 国家 平台 SM

百度高德地图JS-API学习手记:地图基本设置与省市区数据加载

无论是百度还是高德地图开发,还是高德地图开发。官方的给的案例启示很多,copy再修改下,就完成了 https://lbs.amap.com/api/javascript-api/summary http://lbsyun.baidu.com/index.php?title=jspopular3.0 ......
地图 省市区 手记 省市 数据

第136篇:Three.js基础入门动画API:setInterval 与 requestAnimationFrame的区别

好家伙,书接上文 function animate() { //请求-动画-框架 requestAnimationFrame( animate ); //改变正方体在场景中的位置,让正方体动起来 cube.rotation.x += 0.01; cube.rotation.y += 0.01; re ......

js开发规范

####################### 1.缩进 [强制] 使用 4 个空格做为一个缩进层级,不允许使用 2 个空格 或 tab 字符。 [强制] switch中缩进2个空格 [强制] 要求分号前面不可以有空格,后面可以有空格 [强制] 要求语句块之前保留一个空格 [强制] 关键字和类似关键 ......

JS引擎(2):Java平台上JavaScript引擎—Rhino/Nashorn概述

Rhino 是一种动态类型的、基于对象的脚本语言,它可以简单地访问各种 Java 类库。Nashorn是一种单层的纯编译型JavaScript实现。所有JavaScript代码在首次实际执行前都会被编译为Java字节码交由JVM执行。 ......
引擎 JavaScript Nashorn Rhino 平台

JS引擎(1):JS引擎擂台赛,JavaScript引擎的特征比较及术语科普

V8的性能远高于当时所有其它JavaScript引擎,各大JavaScript引擎的实现者都坐不住了,像打了鸡血似的使劲优化优化再优化。当代JavaScript引擎之间有许多共通的实现技巧。多数优化会对JavaScript程序的行为做一定猜测(speculate) ......
引擎 擂台赛 科普 术语 擂台

JS引擎(0):JavaScript引擎群雄演义—起底JavaScript引擎

其实早期的两个主要的JavaScript引擎实现,一直在用mark-and-sweep GC。Java写的Rhino一度能比用C写的SpiderMonkey跑得还快,因为Rhino得益于JVM里优秀的JIT编译器和GC,而SpiderMonkey还在用简易的解释器和GC。 ......
引擎 JavaScript 群雄

Bot in discord with discord.js (15)

Chapter 18 - 命令冷却时间 很多时候,我们不希望频道被单一用户用洪水般的命令消息所淹没,又或者出于对服务器性能的考虑,我们不得不为命令加上一个冷却时间(Cooldown)作为使用限制。下面我们来看看如何在我们已有的代码上进行改造,以获得命令冷却的效果。 ......
discord with Bot 15 in

萌宠之家宠物5网页html+css视频表单 精选两千多套HTML+CSS+JS网页设计期末课程大作业 web前端开发技术 web课程设计 网页规划与设计

两千多套HTML+CSS+JS网页设计期末课程大作业 web前端开发技术 web课程设计 网页规划与设计 题目👨‍🎓 🚀 萌宠之家宠物5网页html+css视频表单 精选 描述✍️ 大学生HTML个人网页作业作品下载 个人主页博客网页设计制作 大学生个人网站作业模板 简单个人网页制作 网页编辑 ......
网页 课程 表单 前端 多套

js异步——事件循环和消息队列

前言 上篇文章中介绍了多进程的浏览器基本架构,现在,我们来谈谈单线程的 JS 代码、消息队列、事件循环、微任务和宏任务。 单线程的 JavaScript 什么是单线程 js? 如果你已经仔细阅读过上一篇文章,那么答案是显而易见的:由于浏览器是由渲染进程的主线程来执行 js 代码的,换句话说,js的运 ......
队列 消息 事件