用Lottie做前端动画：从设计到落地的全流程实践
一、引言：为什么选择Lottie做动画？在前端开发中，实现复杂动画往往面临两大痛点： 手动编写CSS/JS动画代码繁琐：关键帧调试、性能优化耗时耗力，尤其是复杂交互动画 传统动画格式缺陷：GIF画质差、文件体积大；视频无法实现动态交互，且难以适配不同屏幕 Lottie的出现解决了这些...
CSS预处理器的优化与思考：从效率工具到工程化基石
一、引言：预处理器为何仍是前端工程的「刚需」？ 在原生CSS逐步支持变量（--var）、嵌套语法（CSS Nesting Level 3草案）的今天，有人质疑：“CSS预处理器是否即将退出历史舞台？” 但现实是，在中大型项目中，Sass、Less等工具依然是工程化的核心组件。它们解决的不仅是语法糖问...
Java Spring Boot 统计方法耗时的四种实现方式：从基础到进阶
Java Spring Boot 统计方法耗时的四种实现方式：从基础到进阶一、引言：为什么需要统计方法耗时？在微服务架构或复杂业务系统中，方法执行效率直接影响用户体验和系统稳定性。统计方法耗时可以帮助开发者： 定位性能瓶颈：快速识别执行缓慢的核心链路 优化资源分配：为数据库查询、远程...
\r \n \r\n三者作为换行符的区别？
在计算机领域，\r、\n、\r\n 是表示文本行结束的转义字符，主要区别如下： 1. \r（回车符，Carriage Return） ASCII码：13（十进制）/ 0x0D（十六进制） 作用：将光标移到当前行的开头（不换行）。 起源于早期打字机，按下“回车”键会让打字机头回到行首，但不会自动进入...
【@vitejs/plugin-legacy】Vue3 + Vite 的浏览器兼容策略
在现代前端开发中，Vue3 和 Vite 已经成为许多开发者构建高效、高性能应用的首选工具组合。然而，随着技术的不断进步，浏览器的兼容性问题仍然是一个不可忽视的话题。本文将探讨如何在使用 Vue3 + Vite 开发项目时，制定合理的浏览器兼容策略，确保应用能够在目标浏览器中正常运行。 Vite...
Vue3 中父组件调用子组件内的方法
在 Vue3 的开发中，组件化是其核心思想之一。父子组件之间的通信是常见的需求，而父组件调用子组件的方法也是开发中经常遇到的场景。本文将详细介绍如何在 Vue3 中实现父组件调用子组件的方法，并结合代码示例进行讲解。...
写给女友的网络协议科普：从“打电话”到“发微信”的奇妙世界
摘要：网络协议就像人类社会的语言规则，而Socket、TCP、UDP、HTTP这些名词，则是不同场景下的“沟通方式”。本文会用生活中的例子，带你轻松理解这些技术概念，并揭秘它们如何让互联网世界运转起来。 一、网络世界的基础：从“快递系统”理解分层模型想象你要给朋友寄一封信，需要经过写内容→装...
【GO】为什么说go的“继承”并不是真正的继承？
昨天和一个朋友在讨论这个问题，他提到在学习go的时候，有弹幕说，这并不是继承，而是组合。我说：我也是这么认为的，今天就详细解释一下，为什么这么说。 在讨论Go语言中继承与组合的问题时，我们需要明确几个关键概念： 继承与组合的定义： ˃ 继承：继承是一种面向对象编程的核心概...
FastAPI、Go 和 Node.js 性能对比
在现代后端开发中，选择合适的编程语言和框架对于构建高性能、高扩展性的应用至关重要。FastAPI、Go 和 Node.js 是目前非常流行的三种技术栈，它们各自有独特的优势和适用场景。本文将从性能角度对这三者进行对比分析，帮助开发者更好地选择适合项目需求的技术方案。 一、背景介绍˂a name...
【随笔】关于开发一个既能日常记账，又能拥有资产管理功能的APP的Idea
随便写了，想到哪里写哪里。 最近一直在市面找一款记账APP，但是感觉都不满足我的需求。 我的想法是，在普通账本程序的基础上，再加上多人管理。资产管理。 资产管理一定要把价格接口对接好。 我举个例子，比如有虚拟货币资产ETH 1个，那么就应该在统计的时候，按实时市值进行统计。又或者按照当天的市值统计。...