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