自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

HuoZhiyan 的博客

有一分热,发一分光。

  • 博客(330)
  • 收藏
  • 关注

原创 FFmpeg——在Vue项目中使用FFmpeg(安装、配置、使用、SharedArrayBuffer、跨域隔离、避坑...)

本文介绍了FFmpeg在Vue项目中从0到1的使用,从安装 => 配置 => 简单使用 => 认识SharedArrayBuffer和跨域隔离 => 避坑...

2023-12-17 18:12:23 19313 98

原创 猿创征文|一文带你了解前端开发者工具

猿创征文|一文带你了解前端开发者工具,前端开发编译器+实用插件+高效UI组件库+API调试工具,满满的干货...

2022-10-30 19:17:45 12215 187

原创 ClaudeCode使用Skills

摘要: 本文介绍AI大模型中的Skills概念,将其比作“职业资格证”和“专用工具箱”,强调其按需加载的特性(提示词工程+API接口+知识库组合)。推荐从Anthropics Skills和skillsmp获取海量Skills资源,并以Claude Code为例演示使用方法:下载Skill文件放入项目.claude/skills目录,通过对话直接调用(如前端设计Skill快速生成摄影界面)。最后展示实际效果,并鼓励开发者探索这一高效工具链。 关键词: AI Skills、Claude Code、提示词工程。

2026-08-02 23:02:52 235

原创 Claude Code

本文介绍了Claude Code开发环境的基础交互功能与常用命令,包括上下文查看、模式切换、文件操作等核心操作。通过实际案例展示了生成笑话的功能实现,对比了基础模型和Plugin Agent两种方式的成本差异(1毛钱 vs 1毛1)。文章还详细说明了任务管理、会话控制、插件使用等高级功能,并配有操作界面截图辅助理解。最后提供了作者的技术博客链接和个人推广信息,旨在为开发者提供实用的AI开发工具使用指南。

2026-05-24 15:33:44 410

原创 【AI + X】管理

本文总结了高效研发团队管理的核心方法:1)站会控制在10分钟内,聚焦任务同步与阻塞解决;2)通过看板可视化任务流,限制并行任务数提升吞吐量;3)每周半小时计划会明确3-5个可交付目标;4)任务拆解至1-3天粒度并明确验收标准;5)Code Review区分内核代码与前端代码审查重点;6)每周15分钟一对一沟通建立信任;7)向上管理采用"电梯演讲"式汇报。文章特别强调管理者需保持一线编码能力,避免单打独斗,通过任务分解和技术翻译实现团队效能最大化。

2026-05-17 22:25:46 464

原创 manifold-3d——在 Vue 项目中实现干涉检查

文章摘要 本文介绍了如何在Vue项目中利用manifold-3d库实现高精度的3D模型干涉检查。通过对比Manifold与three-bvh-csg的性能差异,突出Manifold在鲁棒性方面的优势。文章详细演示了将Three.js网格转换为Manifold对象的过程,并提供了完整的代码实现,包括立方体构建、顶点去重、坐标变换及干涉结果可视化。关键步骤涵盖:依赖配置(vite+vue3)、几何体转换、世界坐标变换以及干涉区域高亮显示,最终通过动态GIF展示红色干涉区域效果。适用于需要精确3D碰撞检测的项目。

2026-04-26 11:42:17 617 1

原创 弹跳的小人(你瞅啥)

文章摘要 该代码实现了一个SVG卡通头像的交互效果: 眼珠跟随鼠标:通过计算鼠标在SVG坐标系中的位置,使左右眼珠在一定范围内跟随移动 点击弹跳动画:点击头像时触发物理弹跳效果,模拟重力加速度和阻尼衰减 响应式设计:使用Vue3的Composition API管理状态,包含坐标计算、动画循环和事件监听 技术细节: 通过getBoundingClientRect()实现坐标转换使用requestAnimationFrame处理弹跳动画 限制眼珠移动半径保持自然效果。

2025-10-24 23:08:37 468 1

原创 浏览器调试工具详解

摘要: 本文详细介绍了浏览器开发者工具的高效使用技巧,涵盖CSS调试、控制台操作和JavaScript调试三大模块。在CSS调试中,演示了元素检查、样式复制、计算样式查看及布局分析;控制台部分讲解了$_、$0等快捷指令和console的实时表达式功能;JavaScript调试则重点展示了DOM断点和事件监听的应用。全文以Chrome DevTools为例,配以图文说明,适合前端开发者快速掌握调试技能,提升开发效率。

2025-09-13 15:36:04 1142

原创 Web Worker

摘要: Web Worker API 允许在后台线程中运行脚本,避免阻塞主线程的UI渲染。文章介绍了Web Worker的基本概念、用法、全局上下文函数及浏览器兼容性,分析了其优势(避免UI阻塞、提升性能)和局限性(不能操作DOM、同源限制等)。通过斐波那契数列计算案例,对比主线程与Worker线程的性能差异,展示Worker在耗时任务中的价值。适用场景包括复杂运算、大数据处理和实时交互等。文末附完整代码示例和演示效果说明。

2025-08-31 10:55:50 1333 1

原创 程序员的自我修养——持续学习

摘要: 本文探讨了程序员如何在繁忙工作中高效学习。作者建议采用70%(工作相关技术)、20%(计算机基础)、10%(前沿/兴趣领域)的时间分配策略,强调问题驱动学习与碎片化+模块化结合。关键点包括:放弃系统学习执念、将学习融入工作项目、产出导向实践、保护精力避免贪多。推荐通过代码Review、费曼学习法、技术社区等途径持续提升,提醒保持健康比熬夜更重要。最后鼓励小步快跑式学习,附作者技术博客与学习资源推荐。

2025-08-24 16:27:06 1557 2

原创 从零学习three.js官方文档(二)——图元

Three.js 图元与几何体应用实践 本文介绍了Three.js中常用的几何图元及其创建方法,涵盖立方体(BoxGeometry)、圆形(CircleGeometry)、圆锥(ConeGeometry)、圆柱(CylinderGeometry)、十二面体(DodecahedronGeometry)、挤压几何体(ExtrudeGeometry)和二十面体(IcosahedronGeometry)。通过代码示例演示了各图元的参数配置,并利用WireframeGeometry实现线框可视化,等等。

2025-08-10 16:58:57 999 2

原创 从零学习three.js官方文档(一)——基本篇

Three.js 是一个基于 WebGL 的 JavaScript 3D 库,简化了网页端 3D 内容的开发。本文介绍了 Three.js 的核心概念和应用结构,包括渲染器(Renderer)、场景(Scene)、相机(Camera)、网格(Mesh)、几何体(Geometry)、材质(Material)等关键组件。通过一个简单的立方体示例,演示了如何初始化场景、添加物体并实现动画效果。文章还提到后续将添加光照效果,使 3D 效果更加真实。

2025-08-09 16:26:54 1669

原创 计算机组成原理(一)

本文概述了计算机的发展历程与核心知识体系,涵盖计算机分类、体系结构、编程语言层次、计算单位、字符编码集以及与人工智能的关联。主要内容包括: 计算机发展史:从电子管到超大规模集成电路的演进过程 计算机分类:超级计算机、大型机、服务器等六类计算机的特点与应用 体系结构:冯诺伊曼体系及其现代改进,解决CPU与存储性能差异 编程语言层次:从硬件逻辑到应用层的7层计算机体系 计算单位:容量与速度单位的换算关系 字符编码:ASCII到Unicode的发展,中文编码集的演进 AI关联:图灵测试、专家系统和神经网络等。

2025-07-23 22:40:26 1179 2

原创 前端内存泄漏

本文介绍了前端开发中常见的内存泄漏问题及解决方法。通过三个典型案例(意外的全局变量、未控制的闭包、DOM元素未移除)展示了内存泄漏的产生过程,并提供了规避建议:及时清除引用、避免大对象、使用弱引用、移除事件监听、清除定时器、实现缓存过期机制、避免循环引用等。文章强调利用Chrome DevTools工具进行内存检测,帮助开发者识别和预防内存泄漏问题,提升应用性能。

2025-07-21 18:00:25 868 2

原创 IndexedDB(概念、基本使用、Dexie.js的使用)

摘要(150字)本文介绍了IndexedDB的基本概念与使用方法,它是一个客户端结构化数据存储API,适合处理大量数据。通过代码示例演示了如何创建数据库、对象存储空间,并进行增删改查操作。文章推荐了简化IndexedDB的库(如Dexie.js),并详细讲解了事务机制(ACID特性)。实战部分包含异步操作模拟、数据添加与更新,附GitHub代码链接。适合前端开发者学习客户端数据存储技术。 关键词:IndexedDB、前端存储、事务型数据库、Dexie.js、增删改查。

2025-07-06 20:39:14 1475 2

原创 学习React官方文档(描述UI)

学习React官方文档之描述UI。

2025-06-29 22:48:54 1647 1

原创 FlatBuffers(概念、原理及优势、在TS中的使用)

本篇文章我们学习 FlatBuffers 概念、其原理、优势及在Vue项目(TS)中的使用。

2025-06-22 10:29:54 1925 1

原创 iframe(概念、简单例子、在vue项目中的使用)

本篇文章,我们认识iframe,并学习简单例子和其在vue项目中的使用(附源码)。

2025-06-08 00:03:24 3333

原创 前端杂货铺——TodoList

My TodoList

2025-06-07 09:19:29 511 1

原创 头发尚在,经验渐长:一个两年前端开发者的生存报告

头发尚在,经验渐长:一个两年前端开发者的生存报告。

2025-06-01 09:32:12 1292 8

原创 NestJS——重构日志、数据库、配置

本篇文章我们进行日志、数据库和相关配置的重构。

2025-05-25 22:04:25 1506 3

原创 NestJS——日志、NestJS-logger、pino、winston、全局异常过滤器

本篇文章我们学习如何在NestJS中进行日志的相关配置和使用。

2025-05-17 21:05:28 1857 2

原创 NestJS——使用TypeORM操作数据库、增删改查、关联查询、QueryBuilder

本篇文章我们学习如何使用TypeORM操作数据库,掌握TypeORM的基本用法。

2025-04-24 21:52:57 1710 2

原创 NestJS——使用TypeORM连接MySQL数据库(Docker拉取镜像、多环境适配)

本篇文章我们学习如何使用TypeORM连接MySQL数据库。

2025-04-19 18:52:56 1738 2

原创 NestJS——多环境配置方案(dotenv、config、@nestjs/config、joi配置校验)

本篇文章我们学习NestJS的多环境配置方案。

2025-04-19 14:11:42 1629

原创 编程思想——FP、OOP、FRP、AOP、IOC、DI、MVC、DTO、DAO

本文我们认识一些优质的编程思想,它们有利于我们编写易读且健壮的代码。

2025-04-13 21:45:38 1707 2

原创 TypeScript入门

本篇文章我们认识TS的基本使用,并学习如何生成声明文件。

2025-04-12 21:26:15 942 2

原创 NestJS——创建项目、编写User模块

本篇文章我们学习如何创建NestJS项目,并练习编写User模块。

2025-03-30 15:56:20 1406 2

原创 Docker入门

本篇文章我们学习Docker容器的基本使用。

2025-03-30 13:26:15 822

原创 Vue源码解析之mustache模板引擎

本篇文章我们学习Vue源码之mustache模板引擎。学习如何将数据变为视图、mustache的基本使用、mustache的核心理念、并手撕mustache源码。

2025-03-09 15:50:32 1255 1

原创 Node.js——body-parser、防盗链、路由模块化、express-generator应用生成器

本篇文章我们学习使用 body-parser 获取请求体数据、使用 referer 头验证等方式添加防盗链、拆分路由实现其模块化,使用 express-generator 快速搭建应用等。

2025-01-31 10:45:50 1751 2

原创 Node.js——express中间件(全局中间件、路由中间件、静态资源中间件)

本篇文章我们学习中间件的相关知识,认识各种中间件的使用及用途。

2025-01-22 23:35:17 1952

原创 Node.js——express项目搭建、请求、响应

本篇文章我们学习express项目的搭建及请求、响应的相关知识。

2025-01-14 22:14:43 1561 2

原创 Node.js——http 模块(二)

本篇文章我们学习Node.js的http模块响应的相关知识,并学习如何进行页面的响应、认识MIME类型及一些错误处理等。

2025-01-12 11:33:02 1368 2

原创 Node.js——http 模块(一)

本篇文章我们学习使用Node.js创建HTTP服务,并学习请求体和请求头等相关知识。

2025-01-12 00:13:29 1371 2

原创 Node.js——path(路径操作)模块

本篇文章我们学习如何使用Node.js对路径进行操作。

2025-01-09 23:32:39 1692 2

原创 Node.js——fs(文件系统)模块

本篇文章我们学习如何使用Node.js对文件系统进行操作。

2025-01-07 23:37:52 1792 2

原创 Electron快速入门——跨平台桌面端应用开发框架

本篇文章我们快速入门Electron,使用它打造简易版的跨平台桌面端应用。

2025-01-05 15:21:08 2482 2

原创 使用CSS把背景图片铺满屏幕

本篇文章介绍如何使用CSS把背景图片铺满屏幕。

2024-12-14 22:39:00 1291 2

原创 简记Vue3(五)—— 组件通信(props、自定义事件、mitt、v-model、$attrs、$refs、$parent、provide、inject、插槽)

本篇文章我们学习Vue3中组件间的通信方式,包括props、自定义事件、mitt、v-model、$attrs、$refs、$parent、provide、inject、插槽等。

2024-11-17 09:20:59 1270 1

空空如也

空空如也

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

TA关注的人

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