自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(143)
  • 收藏
  • 关注

原创 FPGA与ASIC:深入解析芯片设计的双子星

在半导体世界里,FPGA(Field-Programmable Gate Array,现场可编程门阵列)与ASIC(Application-Specific Integrated Circuit,专用集成电路)是两种截然不同的芯片设计策略,各自在不同的应用领域发光发热。这里将深入了解一下,这两种技术的核心差异,探讨它们的设计流程,分析各自的优缺点,以及展望未来的发展趋势。

2024-07-23 18:00:13 751

原创 OrangePi AIpro开发板实测,香橙派AIpro开发板实测(香橙派联合华为推出基于昇腾的OrangePi AIpro开发板实测,Orange Pi AIpro实测)

OrangePi AIpro(8-12T)采用昇腾AI技术路线,具体为4核64位处理器+AI处理器,集成图形处理器,支持8-12TOPS AI算力,拥有8GB/16GB LPDDR4X,可以外接32GB/64GB/128GB/256GB eMMC模块,支持双4K高清输出。

2024-07-14 22:01:18 789

原创 CesiumJS第3篇,前端使用Vue和Element实现可拖动弹框效果,并使用mixins混入特性实现,不影响底层元素操作(Cesium上可拖拽的实时视频播放弹框,底层元素可以正常操作)

在开发中,弹框和实时视频播放是常见的需求。这里来记录一下,如何使用Vue.js和Element UI实现一个可拖动的弹框,并在其中播放实时视频。同时,确保在拖拽弹框时,底层元素仍然可以操作。

2024-07-09 17:38:08 1052 1

原创 CesiumJS第2篇,使用Cesium加载规定区域,实现高亮效果

我们都知道Cesium 是一个强大的开源 JavaScript 库,用于在网页上创建交互式的3D地球和2D地图。它支持多种数据格式和来源,允许开发者加载各种类型的空间信息,包括影像、地形、矢量数据等。

2024-07-09 13:16:31 1126

原创 CSS第2篇,深入理解 CSS 选择器:全面指南

CSS(层叠样式表)选择器是网页设计和开发中至关重要的工具。它们用于选择 HTML 元素并应用样式,使得网页变得美观和具有交互性。这里来记录一下,各种 CSS 选择器及其使用方法。

2024-07-05 16:11:17 1149

原创 process.env 管理 Vue 项目的环境变量(Vue项目中环境变量的配置及调用)

在构建 Vue 应用时,管理配置是开发中的一个重要部分。不同的环境(如开发、测试和生产)往往需要不同的配置,例如 API 基础 URL、第三方服务的密钥等。使用环境变量可以帮助我们更好地管理这些配置。这里将介绍如何在 Vue 项目中使用 process.env 来管理环境变量。

2024-07-05 11:14:44 1301

原创 Echarts中的折线图,多个Y轴集中在左侧(在Vue中使用多个Y轴的折线图)

在 ECharts 中,创建一个带有多个 Y 轴的折线图,并且将这些 Y 轴都集中显示在图表的左侧,可以通过合理配置 yAxis 和 series 的属性来实现。

2024-07-04 10:50:41 472

原创 Echarts中的热力图和漏斗图(在Vue中使用热力图和漏斗图)

Echarts的热力图用于展示两个维度数据矩阵中的值分布情况。它通过在平面上划分成多个矩形区域,并用不同的颜色填充这些区域来表示数据的大小或强度。颜色渐变从浅到深通常映射着数值从小到大,从而直观展示数据的集中程度和分布模式。热力图常应用于分析时间序列、地理位置、交叉分类数据的相关性和密度,比如人口密度分布、时间-温度变化等场景。

2024-07-04 10:44:31 616

原创 Element中的表格组件Table和分页组件Pagination

在 Element UI 中,Table组件是一个功能强大的数据展示工具,用于呈现结构化的数据列表。它提供了丰富的特性,使得数据展示不仅美观而且高效。而Pagination组件是一个用于实现数据分页显示的强大工具。它允许用户在大量数据中导航,通过控制每页显示的数据数量和跳转到不同的页面,从而提高数据展示的效率和用户体验。简单记录

2024-07-03 11:19:28 1025

原创 Element中的消息提示组件Message和弹框组件MessageBox

在 Element UI 中,Message和MessageBox都是比较常用的组件,Message用来提示消息,而MessageBox是一个用于创建模态对话框的组件。它可以用于在页面上快速展示信息、警告或错误提示,而不会阻止用户的其他操作。

2024-07-03 10:10:20 834

原创 Element中的选择器组件Select (一级选择组件el-select)

在 Element UI 中,Select是一个非常常用的选择器组件,它提供了丰富的功能来帮助用户从一组预定义的选项中选择一个或多个值。

2024-07-03 09:40:23 525

原创 Element中的日期时间选择器DateTimePicker和级联选择器Cascader

一. 级联选择器,Cascader。二. 日期时间选择器,DateTimePicker

2024-07-01 15:44:31 523

原创 JavaScrip使用new Date()默认获取一周前到今天的日期,年月日时分秒

JavaScrip使用new Date()默认获取一周前到今天的日期,年月日时分秒,yyyy-MM-dd HH:mm:ss

2024-07-01 15:13:54 221

原创 前端播放RTSP视频流,使用FLV请求RTSP视频流播放(Vue项目,在Vue中使用插件flv.js请求RTSP视频流播放)

在浏览器中请求 RTSP 视频流并进行播放时,直接使用原生的浏览器 API 是行不通的,因为它们不支持 RTSP 协议。为了解决这个问题,开发者通常会选择使用像 flv.js 这样的库,它专为在浏览器中播放 FLV 和其他流媒体格式设计。然而,flv.js 本身并不直接支持 RTSP,这意味着我们需要一个额外的步骤来桥接 RTSP 和 flv.js。

2024-07-01 15:08:28 1547

原创 Git使用总结(git使用,git实操,git命令和常用指令)

Git是一款代码版本管理工具,可以记录每次提交的代码,防止代码丢失,可实现版本迭代,解决代码冲突,常用的远程Git仓库:Gitee(国内)、GitHub(国外,开源之家)、GitLab(企业级)

2024-06-06 09:41:37 805 1

原创 JavaScript的未来发展趋势,探索JavaScript中最新技术(JavaScript可视化编程到服务端渲染)

随着 Web 应用程序变得越来越复杂和交互性的需求日益增加,基于浏览器的三维可视化编程变得愈发重要。在这方面,Three.js 和 WebGL 技术正在引领潮流。我们将深入探讨它们的原理、应用场景以及如何利用它们创建引人入胜的交互式体验。2.Three.js 和 WebGLThree.js是一个基于 WebGL 的 JavaScript 3D 库,它使创建复杂的 3D 图形变得简单。通过 Three.js,开发者可以轻松地在 Web 浏览器中创建交互式的 3D 场景、动画和游戏等。

2024-05-10 11:16:28 1093 2

原创 Canvas绘制图片和区域(前端使用Canvas绘制图片,并在图片上绘制区域)

1. 初始化Canvas画布// 获取canvas容器元素并设置宽高// 获取canvas元素并获取2D绘图上下文// 2. 初始化图片Canvas// 计算画布和图片的宽高比} else {// 设置三个canvas的宽高// 加载图片并绘制到imgCanvas上console.log("图片已加载");// 渲染已有数据// 3. 开始绘制。

2024-05-10 10:10:22 3191 3

原创 FPGA第2篇,FPGA与CPU GPU APU DSP NPU TPU 之间的关系与区别

FPGA与CPU GPU APU NPU TPU DSP这些不同类型的处理器,可以被统称为"处理器"或者"加速器"。它们在计算机硬件系统中承担着核心的计算和处理任务,可以说是系统的"大脑"和"加速引擎"。这些处理器单元都是计算机系统中的关键组件,它们扮演着不同的角色,为计算机系统提供各种计算和处理能力。

2024-05-08 16:35:31 1582

原创 Vuex,在 Vue 组件中监听 Vuex 状态变化,使用watch监听Vuex中的数据

在 Vue 组件中监听 Vuex 状态变化。

2024-05-08 14:55:40 1685

原创 FPGA第1篇,FPGA现场可编程门阵列,从0开始掌握可编程硬件开发(FPGA入门指南)

FPGA全称Field-Programmable Gate Array,是一种可编程逻辑器件,它通过可编程的逻辑单元和可编程的连接网络实现了灵活的硬件实现。与固定功能的集成电路(ASIC)相比,FPGA具有更高的灵活性和可重新配置性。

2024-05-08 11:11:52 985

原创 error:0308010C:digital envelope routines::unsupported

简介:启动项目时,有时会遇到这样的报错:error:0308010C:digital envelope routines::unsupported,具体什么原因,这里来记录一下原因:电脑安装的nodejs版本与项目所依赖的node版本不匹配,所以需要切换到项目用到的node版本。使用nvm工具来切换node版本,或者手动切换。

2024-04-24 08:48:32 221

原创 如何在项目中使用NVM,如何在Windows中使用NVM(nvm使用详细,如何使用nvm,使用nvm安装和切换各个nodejs版本)

nvm(Node Version Manager)是一个用于管理 Node.js 版本的工具,它允许你在同一台计算机上安装和切换多个 Node.js 版本。这对于我们来说特别有用,因为不同的项目可能需要不同版本的 Node.js 来运行

2024-04-24 08:48:23 1112 2

原创 前端实现Excel文件导出功能的完整指南(vue实现excel文件导出功能)

在许多业务场景中,用户需要将网页上的数据导出到Excel文件中进行进一步处理或分享。通过前端实现Excel文件的导出功能,可以提高用户体验并简化数据交互流程。

2024-04-18 14:03:10 2945

原创 JavaScript防抖函数执行多个事件处理函数,监听浏览器窗口拖拽事件(Vue防抖函数执行多个事件处理函数)

当用户调整浏览器窗口大小时,浏览器会触发 resize 事件。通常,我们希望在窗口大小改变时执行一些操作,但是如果用户频繁调整窗口大小,可能会导致这些操作被频繁触发,影响页面性能和用户体验。

2024-04-17 14:13:40 514

原创 分享一个有趣的前端Loading效果(前端loading)

前端中的“loading”通常指的是页面加载过程中的加载状态,用于向用户显示页面正在加载的提示。它可以是一个旋转的加载图标、进度条、动画等形式,目的是为了让用户知道页面正在加载,并且等待的时间可能会持续一段时间。

2024-04-16 10:10:01 556

原创 Three.js第2篇,Three.js加载glb / gltf模型,Vue加载glb / gltf模型(如何在vue中使用three.js,vue使用threejs加载glb模型)

Three.js可以用来展示产品模型、建立交互式场景、游戏开发、数据可视化、教育和培训等等

2024-04-16 09:00:48 3467

原创 前端图片放大(Element UI中的el-image,Element UI中的图片放大功能)

Element UI 中,为了实现图片的大图预览功能,可以使用el-image组件配合el-image组件来完成。

2024-04-02 20:16:54 3982

原创 JavaScript实现全选、反选功能(Vue全选、反选,js原生全选、反选)

首先为复选框添加了一个事件监听器,当用户点击该复选框时,将触发该事件;然后在事件处理函数中,通过遍历所有复选框,将它们的选中状态设置为与复选框相同的状态。

2024-04-02 19:39:43 2302

原创 Vue挂载全局方法

通过this.$db调用指定方法

2024-03-28 18:57:36 857 2

原创 Vue过渡动画,组件动画,元素动画(vue2元素、组件过渡动画)

在 CSS 中,你需要定义以 name 属性值为前缀的六个类名来控制过渡的不同阶段。例如,如果 name="fade",则需要定义以下类:.fade-enter-active: 定义进入过渡的持续时间、缓动函数等。.fade-enter-from: 定义进入过渡开始时的样式。.fade-enter: 定义进入过渡结束时的样式。.fade-leave-active: 定义离开过渡的持续时间、缓动函数等。.fade-leave-from: 定义离开过渡开始时的样式。

2024-03-28 08:50:12 582

原创 Vue中的子传父、父传子详细(vue2子传父、父传子,vue3子传父、父传子)

在 语法中,你不需要显式地导出任何东西,因为所有顶层变量、函数和组件都会自动暴露给模板和其他组件。

2024-03-25 13:01:07 5677

原创 Vuex状态、数据持久化(vue2、vue3状态数据持久化)

Vuex状态、数据持久化的几种实现方案

2024-03-22 09:00:29 3218

原创 Vue3兄弟组件传值(同级别组件传值Vue3)

上面使用Vue 3 自身的AP实现了兄弟组件传值,这里我们可以使用 Vue3 的setup语法糖结合第三方库mitt来实现。mitt是一个小巧且快速的TypeScript实现的EventEmitter 3封装库,专门用于Vue 3应用中的组件通信。在Vue 2.x中,通常使用EventBus进行组件间的通信,但在Vue 3.x中,推荐使用mitt作为替代方案。

2024-03-06 13:51:03 4580 2

原创 JavaScript中的export、export default、exports和module.exports(export、export default、exports使用详细)

export和export default是ES6 模块系统的核心部分,用于从文件中导出函数、关键字,对象或值,使其可以在其他文件中通过import语句导入和使用,而exports是CommonJS模块系统的一部分,在 Node.js 环境中,你可以使用exports或module.exports来导出模块,但这并不是 ES6 标准的一部分。

2024-03-05 15:38:20 8925 1

原创 JavaScript中的switch语句(js中的switch语句使用详细)

在示例中,根据当前日期获取一周中的星期几,并通过语句打印出对应的日子名称。如果不匹配已列出的任何情况,则输出“未知的日期”。

2024-03-05 12:42:43 10109

原创 npm、cnpm、pnpm使用详细

npm(Node Package Manager)是Node.js的包管理工具,用于安装、更新、卸载Node.js的模块和包。它提供了一个命令行界面,使得开发者可以轻松地管理项目依赖。npm。

2024-03-04 14:42:53 4920

原创 cnpm安装不上,报错,npm ERR! code CERT_HAS_EXPIRED,npm ERR! errno CERT_HAS_EXPIRED(使用npm安装cnpm时报错)

有时候我们在执行该命令,安装cnpm的时候,会遇到安装不上的情况,就像下面这样:npm ERR! code CERT_HAS_EXPIREDnpm ERR! errno CERT_HAS_EXPIRED2、然后更改成华为云的npm镜像,命令如下,npm config set registry 后面加镜像源地址,表示全局配置该镜像源。可通过以下命令,查看当前环境下的镜像源,执行命令后,可以看到当前使用的镜像源,4、然后通过cnpm -v检查是否安装成功,

2024-03-04 12:04:12 6099 7

原创 Nodejs配置环境变量后不生效(‘node‘ 不是内部或外部命令,也不是可运行的程序或批处理文件)

因为环境变量配置不正确,权重不够,或者是命令冲突导致,系统识别不到目标文件,解决方法是重新配置环境变量,将配置的环境变量上移,放在最顶端。如果这时设置后还不管用,就直在系统变量里选择第一项,点击新建,再次添加环境变量。

2024-02-29 23:06:22 2200

原创 JavaScript中的new Proxy()和Object.defineProperty使用详细,Vue2和vue3中双向数据绑定的原理

Object.defineProperty()是 JavaScript 中一个强大且常用的方法,用于定义对象属性,允许我们精确地控制属性的行为,包括读取、写入和删除等操作,是vue2中双向数据绑定的原理;new Proxy() 是ES6中一种用于创建代理对象的特殊对象,它允许我们拦截并自定义目标对象的操作,例如属性访问、赋值、函数调用等。Proxy提供了一种机制,可以在目标对象上设置拦截器,从而拦截对目标对象的操作,是vue3中双向数据绑定的原理。

2024-02-29 20:20:54 1530

原创 JavaScript中的new map()和new set()使用详细(new map()和new set()的区别)

在JavaScript中,new Map()用于创建一个新的 Map 对象。Map 对象是一种键值对的集合,其中的键是唯一的,值可以重复。而 new Set() 是用来创建一个新的 Set 对象的语法。Set 对象是一种集合,其中的值是唯一的,没有重复的值。 new Set()可以用来创建一个空的 Set 对象,在创建时传入一个数组或类数组对象,Set 会自动去除重复的值。

2024-02-29 19:50:55 3484

Sortable.min.js

原生HTML实现拖拽效果时,用到的Sortable.min.js文件。

2024-07-18

Orange Pi AI Pro用户手册

Orange Pi AIpro单板计算机,新手入门,用户手册。

2024-07-15

国际区域的geojson数据

在Cesium上,用于标注特定国家区域的geojson数据。

2024-07-08

中国其它城市区域的geojson数据

在Cesium上,用于标注特定城市区域的geojson数据。

2024-07-08

中国和南京区域的geojson数据

在Cesium上,用于标注特定区域的geojson数据。

2024-07-08

谷歌浏览器翻译插件(Chrome翻译插件)

文件作用: 可以直接获取最新IP列表,然后将域名解析,帮助谷歌浏览器翻译成功。 具体使用: 1、打开程序,点击获取最新IP; 2、然后带年纪更改 GG 翻译; 3、然后在浏览器,点击翻译成中文,就可以翻译成功了。

2024-04-12

Three.js项目,解压 glb / gltf 的功能代码文件

文件作用: 在Three.js项目中,加载压缩后的 glb / gltf 文件,解压后名称为 draco,直接复制文件夹,粘贴到项目中的public使用。 具体使用: 1、创建一个新的Draco实例 const dracoLoader = new DRACOLoader(); 2、设置 DRACOLoader 的路径,通常是 DRACO 压缩库的路径 dracoLoader.setDecoderPath("/draco/"); 3、将 DRACOLoader 实例传递给 GLTFLoader loader.setDRACOLoader(dracoLoader);

2024-04-12

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除