前言ThreeJS是一个用JavaScript写的开源3D图形库，它有个简单但是功能强大的3D渲染引擎，可以在网页浏览器里快速创建和展示3D图形。ThreeJS是一个功能强大、使用简单的3D图形库，提供了一个强大的3D渲染工具，大大降低了创建3D应用程序的难度。效果图解析安装代码包可以到网上去找一些迷你版本的包，先放在本地用一下，然后跑终端可以从终端运行：n
......
58
0
0
2024-09-14
前言最近在做产品复盘和技术分享,所以需要做个PPT, 来回顾这半年来的技术贡献. 但苦于mac上运行PPT那感人的流畅度, 成功的激起了我的强迫症, 所以索性想办法通过技术的手段来做个网页版PPT, 这个时候我发现了reveal.js: 一个使用 HTML 语言制作演示文稿的 Web 框架，支持插入多种格式的内容，并以类似 PPT 的形式呈现. 花了15分钟
......
212
0
0
2024-06-14
前言pinyin-pro 是一个专业的 js 汉字拼音转换库，功能丰富、准确率高、性能优异。https://gitcode.com/zh-lx/pinyin-pro/overview?utm_source=csdn_github_accelerator安装npm 安装npm install pinyin-pro
浏览器引入<script src="h
......
302
0
0
2024-03-25
目录最终效果代码实现创建项目DigitalMapView.vue的核心代码最终效果最近事情比较多，今晚难得有空，就抽空完成了一个使用Threejs实现地图雷达扫描效果的程序，下面说下代码实现的原理及核心代码，老规矩，先看下效果图# 实现原理 通过加载模型文件，实现模型的加载，这里使用的是FBX模型，通过Threejs提供的FBXLoader来加载fbx模型，
......
292
0
0
2024-03-08
cropperjs的主要功能是图片裁剪，是一款前端常用的的图片裁剪工具，可根据相关api配置裁剪出符合自己业务需要的图片，具体使用如下：npm 引用npm i cropperjs
1业务中引入import Cropper from 'cropperjs';
1文件中单独引入方式<link href="/path/to/cropper.css" r
......
247
0
0
2024-02-19
作者 | Zevi Reinitz译者 | 核子可乐策划 | 丁晓昀本教程中，我们将一同了解如何使用 Clerk 向全栈应用程序添加身份验证机制。 我们跟 Clerk 没有任何合作关系，但对这款工具的表现非常认可。很多朋友正好咨询怎么在 Next.js 下实现身份验证，这篇文章专为解决问题而来。背景介绍身份验证一直是构建全栈应用程序中的一大主要痛点。特别是在
......
242
0
0
2024-01-24
目录1基本工作1.1 创建场景1.2 创建物理世界2 骰子2.1 骰子模型2.2 骰子物理2.3 判断骰子的顶面方案一方案二具体实现2.4 锁定骰子结1基本工作笔者利用业余时间自学了three.js。为了更好的了解WebGL以及更熟练的使用three，想模仿原神中的小游戏“七圣召唤”中的投掷骰子效果，作为首个练习项目~~ 这是坚持写技术博客的第二周，也是首篇
......
286
0
0
2023-07-23
目录一、前言二、基础知识三、场景3.1 网络模型3.2 光照3.2.1 环境光3.2.2 平行光3.2.3 点光源3.2.4 聚光灯3.2.5 半球光四、相机4.1 正交相机4.2 透视相机五、渲染器六、贴图纹理6.1 基础介绍6.2 环境贴图6.3 HDR处理七、拓展7.1 坐标系7.2 控制器7.3 自适应7.4 全屏响应7.5 信息面板7.6 频率检测
......
328
0
0
2023-06-07
如今，数据量呈指数级增长，我们看到的信息越多，处理它的难度就越大。这就是我们需要数据可视化的原因 – 在图表和仪表板中，最好是交互式的。它帮助我们人类节省了大量时间和精力来查看，分析和理解数据，并根据这些数据做出正确，明智的决策。有许多JavaScript图表库，每个库都有其特定的优点和缺点，就像任何工具一样。为了让你的生活更轻松，我决定告诉你我最喜欢的那些
......
362
0
0
2023-05-24
目录Pdf.js有两种使用方式把pdf.js当作静态资源使用npm下载，通过import使用API(记录一下，防止忘记）Pdf.js有两种使用方式在这次的项目中用到了pdf文件的预览功能，选择了pdf.js去预览pdf文件，实现滑动展示所有的pdf通过 npm 下载直接下载 pdf.js 库，当作静态资源使用把pdf.js当作静态资源使用最开始我采取的是把p
......
705
0
0
2023-04-08
目录arcgis 中的悬停效果1、获取鼠标悬停事件回调2、悬停时修改鼠标指针3、悬停时显示标签名称4、悬停时图标放大arcgis 为什么这么设计完整 demo 代码：arcgis 中的悬停效果arcgis 中的悬停效果并不如想象中那么容易实现，本文会介绍如何完整的实现如下悬停效果，并对相关的技术细节进行解释，讲解如何避免一些小坑。让你不仅知其然，更知其所以然
......
367
0
0
2023-03-28
目录一.项目初始化二.核心文件介绍三.创建一个接口模块，处理请求四.看看cats模块有啥吧1.先看controller吧，请求方法都在这了2.你这地址有点单调啊，能不能接收query参数的？五.连接mysql数据库六.操作数据库七.中间件你应该了解过吧，在这里应该怎么用呢一.项目初始化1.安装脚手架npm i -g @nestjs/cli2.创建项目nest
......
551
0
0
2023-03-14
目录先上几个网址安装组件中引入 基本使用 补充 最近刚开始做的一个项目，后面有个模块要通过three.js实现3D的场景，因为之前也没接触过3D这块，就提前学了一下，做个记录。先上几个网址ThreeJS官方：http://www.thingjs.com/guide/city2/ ThreeJS文档：https://th
......
617
0
0
2023-03-01
ECharts 是一个开源的来自百度前端数据可视化团队,使用 JavaScript 实现的开源可视化库,是一个纯Javascript图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表,涵盖各行业图表,满足各种需求。实现简单折线图: 首先我们来实现一个简单的单折现图.<!DOCTYPE html>
<html lang="en"&
......
368
0
0
2023-02-16
目录引言一、获取本周一和周日日期二、获取前 i 周的周一和周日日期三、获取后 i 周的周一和周日日期四、获取制定日期区间的周数（不跨年）五、第一学期还涉及到跨年的情况，处理起来相对复杂一些（跨年计算）总结引言项目中有一个需求：需要根据学期时间动态的计算出该学期有多少周通过上网查找，找到了一个工具类moment.jsmoment.js是一个JavaScript
......
466
0
0
2023-02-04