前言pinyin-pro 是一个专业的 js 汉字拼音转换库,功能丰富、准确率高、性能优异。https://gitcode.com/zh-lx/pinyin-pro/overview?utm_source=csdn_github_accelerator安装npm 安装npm install pinyin-pro 浏览器引入<script src="h ......
129
0
0
2024-03-25
目录最终效果代码实现创建项目DigitalMapView.vue的核心代码最终效果最近事情比较多,今晚难得有空,就抽空完成了一个使用Threejs实现地图雷达扫描效果的程序,下面说下代码实现的原理及核心代码,老规矩,先看下效果图# 实现原理 通过加载模型文件,实现模型的加载,这里使用的是FBX模型,通过Threejs提供的FBXLoader来加载fbx模型, ......
102
0
0
2024-03-08
cropperjs的主要功能是图片裁剪,是一款前端常用的的图片裁剪工具,可根据相关api配置裁剪出符合自己业务需要的图片,具体使用如下:npm 引用npm i cropperjs 1业务中引入import Cropper from 'cropperjs'; 1文件中单独引入方式<link href="/path/to/cropper.css" r ......
120
0
0
2024-02-19
作者 | Zevi Reinitz译者 | 核子可乐策划 | 丁晓昀本教程中,我们将一同了解如何使用 Clerk 向全栈应用程序添加身份验证机制。 我们跟 Clerk 没有任何合作关系,但对这款工具的表现非常认可。很多朋友正好咨询怎么在 Next.js 下实现身份验证,这篇文章专为解决问题而来。背景介绍身份验证一直是构建全栈应用程序中的一大主要痛点。特别是在 ......
132
0
0
2024-01-24
目录1基本工作1.1 创建场景1.2 创建物理世界2 骰子2.1 骰子模型2.2 骰子物理2.3 判断骰子的顶面方案一方案二具体实现2.4 锁定骰子结1基本工作笔者利用业余时间自学了three.js。为了更好的了解WebGL以及更熟练的使用three,想模仿原神中的小游戏“七圣召唤”中的投掷骰子效果,作为首个练习项目~~ 这是坚持写技术博客的第二周,也是首篇 ......
185
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 频率检测 ......
227
0
0
2023-06-07
如今,数据量呈指数级增长,我们看到的信息越多,处理它的难度就越大。这就是我们需要数据可视化的原因 – 在图表和仪表板中,最好是交互式的。它帮助我们人类节省了大量时间和精力来查看,分析和理解数据,并根据这些数据做出正确,明智的决策。有许多JavaScript图表库,每个库都有其特定的优点和缺点,就像任何工具一样。为了让你的生活更轻松,我决定告诉你我最喜欢的那些 ......
260
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 ......
560
0
0
2023-04-08
目录arcgis 中的悬停效果1、获取鼠标悬停事件回调2、悬停时修改鼠标指针3、悬停时显示标签名称4、悬停时图标放大arcgis 为什么这么设计完整 demo 代码:arcgis 中的悬停效果arcgis 中的悬停效果并不如想象中那么容易实现,本文会介绍如何完整的实现如下悬停效果,并对相关的技术细节进行解释,讲解如何避免一些小坑。让你不仅知其然,更知其所以然 ......
249
0
0
2023-03-28
目录一.项目初始化二.核心文件介绍三.创建一个接口模块,处理请求四.看看cats模块有啥吧1.先看controller吧,请求方法都在这了2.你这地址有点单调啊,能不能接收query参数的?五.连接mysql数据库六.操作数据库七.中间件你应该了解过吧,在这里应该怎么用呢一.项目初始化1.安装脚手架npm i -g @nestjs/cli2.创建项目nest ......
404
0
0
2023-03-14
目录先上几个网址安装组件中引入 基本使用 补充 最近刚开始做的一个项目,后面有个模块要通过three.js实现3D的场景,因为之前也没接触过3D这块,就提前学了一下,做个记录。先上几个网址ThreeJS官方:http://www.thingjs.com/guide/city2/ ThreeJS文档:https://th ......
440
0
0
2023-03-01
ECharts 是一个开源的来自百度前端数据可视化团队,使用 JavaScript 实现的开源可视化库,是一个纯Javascript图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表,涵盖各行业图表,满足各种需求。实现简单折线图: 首先我们来实现一个简单的单折现图.<!DOCTYPE html> <html lang="en"& ......
273
0
0
2023-02-16
目录引言一、获取本周一和周日日期二、获取前 i 周的周一和周日日期三、获取后 i 周的周一和周日日期四、获取制定日期区间的周数(不跨年)五、第一学期还涉及到跨年的情况,处理起来相对复杂一些(跨年计算)总结引言项目中有一个需求:需要根据学期时间动态的计算出该学期有多少周通过上网查找,找到了一个工具类moment.jsmoment.js是一个JavaScript ......
311
0
0
2023-02-04
由于上一次发布图片有点问题,重新更正了一下,望大家见谅。本文 gihtub 地址: https://github.com/hua1995116/Fly-Three.js最近元宇宙的概念很火,并且受到疫情的影响,我们的出行总是受限,电影院也总是关门,但是在家里又没有看大片的氛围,这个时候我们就可以通过自己来造一个宇宙,并在 VR 设备(Oculus 、card ......
330
0
0
2023-01-02
大家好,我是前端实验室的小师妹!作为一名合格的前端开发人员,如果您想节省一些时间并提高工作效率,下面这些插件库你一定能用的上!1. BigPictureBigPicture 是一款轻量级且独立于框架的 JavaScript 图像/视频查看器插件。可以使用<img>标签以及背景图像,支持 Youtube、Vimeo、直接视频链接、 任何 ifram ......
265
0
0
2022-12-21