- 博客(161)
- 收藏
- 关注
RSS订阅原创 FPGA第 11 篇，Verilog 系统函数（ Verilog 中的系统函数）
⭐Verilog 作为一种强大的硬件描述语言，不仅提供了用于设计和仿真数字电路的基础语法，还包含了丰富的系统函数，帮助我们高效地完成复杂的硬件操作。系统函数是 Verilog 语言中预定义的特殊函数，通常以 $ 开头，它们涵盖了多种用途，如仿真控制、数据转换、数学运算、时间获取和显示信息等。系统函数在硬件设计和验证过程中发挥了不可或缺的作用。例如，我们可以通过系统函数方便地输出仿真信息、执行复杂的数学运算或获取仿真时间。常见的 Verilog 系统函数包括 $display 用于信息输出，$monito
2024-09-19 18:32:23
872
原创 JavaScript 可选链操作符：深度解读与实战应用（ JS 可选链操作符）
⭐在JavaScript开发中，我们经常会遇到访问嵌套对象属性的需求。然而，处理深层嵌套对象时，属性可能为 undefined 或 null，直接访问这些属性时会抛出错误。为了解决这种问题，JavaScript在ES2020中引入了一项新特性——可选链操作符（?.）。它不仅简化了代码逻辑，还提升了代码的健壮性和可读性。这里来详细介绍一下可选链操作符的语法、应用场景及其与其他JavaScript特性的结合使用，并通过多个实际例子展示如何在日常开发中充分利用这一特性。
2024-09-19 17:48:02
931
原创 Vue3生命周期钩子函数（Vue3生命周期）
⭐Vue 3 引入了一些变化，特别是针对生命周期钩子函数。Vue 3 支持两种API风格：传统的选项式API（Options API）和新的组合式API（Composition API）。我们都知道选项式 API 是 Vue 2 中熟悉的语法风格，它在 Vue 3 中仍然得到支持。下面分别概述一下这两种API下的生命周期钩子函数，简单记录一下
2024-09-10 22:45:00
1058
原创 Vue3异步请求的最佳实践：async/await 与 Promise.then()，以及TypeScript中的泛型 T 和任意类型 any ，Vue3请求API接口数据，TS中的 T 和 any
⭐在 Vue3开发中，异步请求是非常常见的操作，特别是在与后端 API 交互时。虽然 Vue.js 自带了一些对异步数据的处理方式，但合理使用异步操作是确保应用顺畅运行的关键。这里我分享一下 Vue3 异步请求的最佳实践，并探讨 async/await 和 Promise.then() 两种处理异步操作的方式。
2024-09-10 21:00:00
1018
原创 FPGA第 10 篇，Verilog 中的运算符和分支语句
⭐我们都知道Verilog 作为一种硬件描述语言，不仅用于设计和仿真数字电路，还为开发者提供了强大的工具，用于控制和优化硬件的行为。其中运算符和分支语句是 Verilog 中的两大核心组成部分，它们负责执行逻辑操作、数学运算以及决定逻辑流的控制。运算符 在 Verilog 中用于进行各种计算和逻辑操作，它们类似于软件编程中的运算符，但特定于硬件操作，涵盖了算术、逻辑、按位操作、移位操作和条件表达式等。通过运算符，设计者可以高效地描述复杂的数字逻辑和信号处理过程。分支语句 则用于控制电路的行为
2024-09-05 18:56:00
988
原创 FPGA第 9 篇，Verilog 中的关键字和基数
⭐在 Verilog 中，关键字（Keywords）和基数（Radix）是语言的重要组成部分，它们有助于描述和定义硬件设计。上期分享了 Verilog 的基本使用，以及数据类型、逻辑值和算数运算符的简单应用，掌握这些技能基础，我们可以高效地设计和验证 FPGA 电路，从而实现所需的数字系统功能。上期介绍了 Verilog 中的数据类型、逻辑值以及算术运算符，具体，请看上篇，Verilog中的数据类型、逻辑值以及算术运算符https://blog.csdn.net/weixin_6579
2024-09-05 18:51:00
1333
原创 FPGA第 8 篇，硬件描述语言Verilog HDL，初识Verilog HDL，Verilog 支持的编辑器，Verilog 的数据类型、逻辑值以及算数运算符
⭐我们都知道 FPGA 是一种高度可编程的集成电路，适用于实现各种数字逻辑功能，而 Verilog 是一种广泛使用的硬件描述语言（Hardware Description Language, HDL），主要用于数字电子系统的描述、仿真和综合，以及其他数字系统的逻辑设计。通过使用 Verilog，工程师可以高效地设计和验证 FPGA 电路，从而实现所需的数字系统功能。Verilog 语言最初由 Gateway Design Automation 开发，后来被
2024-08-28 19:05:03
1352
原创 网络基础：理解IP地址、默认网关与网段（IP地址是什么，默认网关是什么，网段是什么，IP地址、默认网关与网段）
⭐在计算机网络中，网段 和 IP地址是网络通信中的两个至关重要的概念，但它们并不相同。这里来介绍一下它们之间的关系，简单记录一下
2024-08-28 13:18:20
1610
原创 FPGA第 7 篇，FPGA开发环境搭建，Altrea开发环境搭建，Quartus几个版本之间的区别，以Quartus/ModelSim/Visio/NotePad++软件的安装与应用
⭐我们知道 FPGA 的应用领域非常广泛，包括但不限于以下，而且未来应用前景也可以，几乎涵盖了所有涉及数字信号处理和技术实现的领域。上期我介绍了 FPGA 的基础知识数字电路，请看，FPGA与数字电路。这里我们来分享一下，如何搭建 FPGA 开发环境。这里以Altera（已被Intel收购）的开发板为例，记录一下
2024-08-28 13:16:50
1350
原创 FPGA第 6 篇，PFGA基础数字电路，PFGA基础知识数字电路， 组合逻辑电路和时序逻辑电路，数字电路与模拟电路
⭐FPGA（Field-Programmable Gate Array，现场可编程门阵列）是一种高度灵活的硬件器件，可以通过编程配置其内部的逻辑单元和连接，适用于各种数字电路设计和实现。在学习FPGA之前，掌握数字电路的基础知识是非常重要的，这为理解FPGA的工作原理和设计逻辑电路奠定了基础。这里来记录一下，数字电路的基础知识
2024-08-22 13:10:33
1265
原创 FPGA第 5 篇，FPGA技术优略势，FPGA学习方向，FPGA学习路线（FPGA专业知识的学习方向，FPGA现场可编程门阵列学习路线和方向）
⭐前几篇讲了一下FPGA的发展和应用，以及未来前景，详细，请看，...... 这里我们记录一下，FPGA相关知识的学习路线......
2024-08-22 12:59:50
1615
原创 Webpack第1篇，Webpack初步应用，Webpack基础（Webpack是什么，Webpack的基本使用，Webpack有什么用，如何使用，Webpack手把手教学）
⭐Webpack 是一款用于现代 JavaScript 应用程序的模块打包工具（module bundler）。它把项目中的所有依赖，包括JavaScript文件、CSS、图片、字体等静态资源，按照你定义的规则和配置，打包成一个或多个优化过的静态文件。这些打包后的文件可以被浏览器加载并运行，使得你的应用可以在Web上运行。尽管市场上诞生了众多打包工具，如 Vite、Parcel、Rollup 等，但是 Webpack 凭借拥有着极其丰富的生态系统，仍在模块打包工具中一直保持着领先地位。这里
2024-08-09 19:12:53
1056
原创 FPGA第4篇，中国FPGA芯片市场，发展分析与报告
⭐FPGA（Field-Programmable Gate Array），即现场可编程门阵列，是一种可由用户配置的集成电路，具有高度的灵活性和强大的计算能力，被广泛应用于通信、航空航天、汽车电子、消费电子、数据中心、人工智能等多个领域。近年来，随着全球范围内对高性能计算需求的增加，FPGA芯片的市场规模持续扩大，其中中国市场的表现尤为突出，FPGA市场正迎来新的增长机遇。但是，需要注意的是FPGA入门难度较大，专业性强，对学历要求也高，适合对硬件设计和高性能计算感兴趣，愿意钻研硬件知识的人。中国FPGA
2024-08-09 19:09:28
1514
原创 CSS雷达光波效果（前端雷达光波效果）
⭐ CSS雷达光波效果是一种视觉动画效果，常用于模仿雷达扫描或检测的视觉反馈。这种效果通常涉及到动态的圆形或弧形图案，它们从一个中心点向外扩散，类似于水面上的涟漪或雷达扫描线。以下是创建CSS雷达光波效果的一些关键技术和步骤，这里提供两种效果 ，简单记录一下
2024-08-01 18:00:31
630
原创 在 VueJS 中使用事件委托处理点击事件（事件委托，vue事件委托，什么是事件委托，什么是vue的事件委托）
⭐在开发 Vue 项目时，我们经常需要处理大量的点击事件。为每个可点击的元素单独添加事件监听器不仅会增加代码的复杂度，还会降低性能。事件委托是一种有效的优化方式，它可以显著减少事件监听器的数量，提高代码的可维护性和执行效率。我们通过一个实际示例，详细讲解如何在 Vue 项目中使用事件委托。简单记录一下
2024-08-01 13:31:18
1386
原创 在 VueJS 项目中实现多个可拖拽的弹出框（多个可拖拽el-dialog弹出框，共用同一函数）
在项目开发中，弹出框（Dialog）是常见的UI组件。默认情况下，弹出框的位置是固定的，但在某些场景下，我们希望用户可以自由拖动弹出框的位置，以提升用户体验。这里将详细介绍如何通过创建一个 Vue mixin，实现多个可拖拽的弹出框功能。为了使多个弹窗都能独立地实现拖拽功能，你需要确保每个弹窗都有自己的拖拽逻辑。在 Vue 中，你可以通过将拖拽逻辑抽象成一个可复用的混入（mixin）来实现这一目标。这里来记录一下
2024-08-01 12:56:26
1225
原创 在 VueJS 中使用 Keep-Alive 处理窗口调整事件（在使用keep-alive缓存组件时，处理多个vue页面的resize事件）
我们在使用 VueJS 开发复杂的单页应用程序时，我们经常需要管理组件的生命周期事件，以确保它们在特定的条件下正常工作。例如，当窗口大小调整时，我们可能需要重新绘制某些组件。这里我们详细介绍一下，如何在使用 keep-alive 包裹的组件中正确管理 resize 事件监听器。简单记录一下
2024-07-31 19:12:08
901
原创 JavaScript 和 HTML5 Canvas实现图像绘制与处理
JavaScript 和 HTML5 的 canvas 元素提供了强大的图形和图像处理功能，使得开发者能够在网页上创建动态和交互式的视觉体验。这里我们将探讨如何使用 canvas 和 JavaScript 来处理图像加载，并在其上进行图像绘制。我们将实现一个简单的示例，演示图像加载完成后的基本绘制过程，并在此基础上扩展一些更高级的功能。记录一下
2024-07-31 18:12:12
1446
原创 FPGA第3篇，FPGA与ASIC：深入解析芯片设计的双子星
⭐在半导体世界里，FPGA（Field-Programmable Gate Array，现场可编程门阵列）与ASIC（Application-Specific Integrated Circuit，专用集成电路）是两种截然不同的芯片设计策略，各自在不同的应用领域发光发热。这里将深入了解一下，这两种技术的核心差异，探讨它们的设计流程，分析各自的优缺点，以及展望未来的发展趋势。
2024-07-23 18:00:13
1410
原创 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
932
原创 CesiumJS第3篇，前端使用Vue和Element实现可拖动弹框效果，并使用mixins混入特性实现，不影响底层元素操作（Cesium上可拖拽的实时视频播放弹框，底层元素可以正常操作）
在开发中，弹框和实时视频播放是常见的需求。这里来记录一下，如何使用Vue.js和Element UI实现一个可拖动的弹框，并在其中播放实时视频。同时，确保在拖拽弹框时，底层元素仍然可以操作。
2024-07-09 17:38:08
1489
1
原创 CesiumJS第2篇，使用Cesium加载规定区域，实现高亮效果
我们都知道Cesium 是一个强大的开源 JavaScript 库，用于在网页上创建交互式的3D地球和2D地图。它支持多种数据格式和来源，允许开发者加载各种类型的空间信息，包括影像、地形、矢量数据等。
2024-07-09 13:16:31
1401
原创 CSS第2篇，深入理解 CSS 选择器：全面指南
CSS（层叠样式表）选择器是网页设计和开发中至关重要的工具。它们用于选择 HTML 元素并应用样式，使得网页变得美观和具有交互性。这里来记录一下，各种 CSS 选择器及其使用方法。
2024-07-05 16:11:17
1221
原创 process.env 管理 Vue 项目的环境变量（Vue项目中环境变量的配置及调用）
在构建 Vue 应用时，管理配置是开发中的一个重要部分。不同的环境（如开发、测试和生产）往往需要不同的配置，例如 API 基础 URL、第三方服务的密钥等。使用环境变量可以帮助我们更好地管理这些配置。这里将介绍如何在 Vue 项目中使用 process.env 来管理环境变量。
2024-07-05 11:14:44
2189
原创 Echarts中的折线图，多个Y轴集中在左侧（在Vue中使用多个Y轴的折线图）
在 ECharts 中，创建一个带有多个 Y 轴的折线图，并且将这些 Y 轴都集中显示在图表的左侧，可以通过合理配置 yAxis 和 series 的属性来实现。
2024-07-04 10:50:41
679
原创 Echarts中的热力图和漏斗图（在Vue中使用热力图和漏斗图）
Echarts的热力图用于展示两个维度数据矩阵中的值分布情况。它通过在平面上划分成多个矩形区域，并用不同的颜色填充这些区域来表示数据的大小或强度。颜色渐变从浅到深通常映射着数值从小到大，从而直观展示数据的集中程度和分布模式。热力图常应用于分析时间序列、地理位置、交叉分类数据的相关性和密度，比如人口密度分布、时间-温度变化等场景。
2024-07-04 10:44:31
914
原创 Element中的表格组件Table和分页组件Pagination
在 Element UI 中，Table组件是一个功能强大的数据展示工具，用于呈现结构化的数据列表。它提供了丰富的特性，使得数据展示不仅美观而且高效。而Pagination组件是一个用于实现数据分页显示的强大工具。它允许用户在大量数据中导航，通过控制每页显示的数据数量和跳转到不同的页面，从而提高数据展示的效率和用户体验。简单记录
2024-07-03 11:19:28
1761
原创 Element中的消息提示组件Message和弹框组件MessageBox
在 Element UI 中，Message和MessageBox都是比较常用的组件，Message用来提示消息，而MessageBox是一个用于创建模态对话框的组件。它可以用于在页面上快速展示信息、警告或错误提示，而不会阻止用户的其他操作。
2024-07-03 10:10:20
1583
原创 Element中的选择器组件Select （一级选择组件el-select）
在 Element UI 中，Select是一个非常常用的选择器组件，它提供了丰富的功能来帮助用户从一组预定义的选项中选择一个或多个值。
2024-07-03 09:40:23
1061
原创 Element中的日期时间选择器DateTimePicker和级联选择器Cascader
一. 级联选择器，Cascader。二. 日期时间选择器，DateTimePicker
2024-07-01 15:44:31
887
原创 JavaScrip使用new Date()默认获取一周前到今天的日期，年月日时分秒
JavaScrip使用new Date()默认获取一周前到今天的日期，年月日时分秒，yyyy-MM-dd HH:mm:ss
2024-07-01 15:13:54
256
原创 前端播放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
3259
3
原创 Git第5篇，Git使用总结（git使用，git实操，git命令和常用指令）
Git是一款代码版本管理工具，可以记录每次提交的代码，防止代码丢失，可实现版本迭代，解决代码冲突，常用的远程Git仓库：Gitee（国内）、GitHub（国外，开源之家）、GitLab（企业级）
2024-06-06 09:41:37
875
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
1195
2
原创 Canvas绘制图片和区域（前端使用Canvas绘制图片，并在图片上绘制区域）
1. 初始化Canvas画布// 获取canvas容器元素并设置宽高// 获取canvas元素并获取2D绘图上下文// 2. 初始化图片Canvas// 计算画布和图片的宽高比} else {// 设置三个canvas的宽高// 加载图片并绘制到imgCanvas上console.log("图片已加载");// 渲染已有数据// 3. 开始绘制。
2024-05-10 10:10:22
5511
8
原创 FPGA第2篇，FPGA与CPU GPU APU DSP NPU TPU 之间的关系与区别
FPGA与CPU GPU APU NPU TPU DSP这些不同类型的处理器，可以被统称为"处理器"或者"加速器"。它们在计算机硬件系统中承担着核心的计算和处理任务，可以说是系统的"大脑"和"加速引擎"。这些处理器单元都是计算机系统中的关键组件，它们扮演着不同的角色，为计算机系统提供各种计算和处理能力。
2024-05-08 16:35:31
2083
原创 FPGA第1篇，FPGA入门指南，FPGA现场可编程门阵列
FPGA全称Field-Programmable Gate Array，是一种可编程逻辑器件，它通过可编程的逻辑单元和可编程的连接网络实现了灵活的硬件实现。与固定功能的集成电路（ASIC）相比，FPGA具有更高的灵活性和可重新配置性。
2024-05-08 11:11:52
2233
原创 error:0308010C:digital envelope routines::unsupported
简介：启动项目时，有时会遇到这样的报错：error:0308010C:digital envelope routines::unsupported，具体什么原因，这里来记录一下原因：电脑安装的nodejs版本与项目所依赖的node版本不匹配，所以需要切换到项目用到的node版本。使用nvm工具来切换node版本，或者手动切换。
2024-04-24 08:48:32
239
原创 如何在项目中使用NVM，如何在Windows中使用NVM（nvm使用详细，如何使用nvm，使用nvm安装和切换各个nodejs版本）
nvm（Node Version Manager）是一个用于管理 Node.js 版本的工具，它允许你在同一台计算机上安装和切换多个 Node.js 版本。这对于我们来说特别有用，因为不同的项目可能需要不同版本的 Node.js 来运行
2024-04-24 08:48:23
1320
2
谷歌浏览器翻译插件（Chrome翻译插件）
2024-04-12
Three.js项目，解压 glb / gltf 的功能代码文件
2024-04-12
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人