- 博客(133)
- 收藏
- 关注
RSS订阅
原创 随机扣款实现赛博共产主义，《明日方舟：终末地》公测支付事故复盘
鹰角这是误打误撞找到了实现“共产主义”的捷径：无论谁充值，资源随机分配，真正实现了“我为人人，人人为我”的乌托邦。
2026-01-26 13:50:36
355
48
原创 极致的灵活度满足工程美学：用Vue Flow绘制一个完美流程图
如何在前端用js绘制流程图？VueFlow是一个优质的选择。VueFlow是什么？VueFlow怎么用？Vue Flow的特点就是，什么都可以要，什么都要自己写。相比于mermaid来说，Vue Flow接受的数据更复杂冗长，并且预定义的内容极少，连默认的布局都没有（节点通过position控制位置，很容易重叠）。但是Vue Flow提供的自定义API非常丰富并且强大。如果您想发挥自己天马行空的想象力，或者满足复杂的项目流程需求，Vue Flow一定能满足您的预期。
2024-07-29 17:57:48
34845
87
原创 你真的会使用Vue3的onMounted钩子函数吗？Vue3中onMounted的用法详解
onMounted作为vue3中最常用的钩子函数之一，能够灵活、随心应手的使用是每个Vue开发者的必修课，同时根据其不同写法的特性，来选择最合适最有利于维护的写法。
2024-05-25 17:33:09
25243
28
原创 JavaScript中通过array.filter()实现数组的数据筛选、数据清洗和链式调用，JS中数组过滤器的使用详解（附实际应用代码）
用array.filter(）来实现数据筛选、数据清洗和链式调用，相对于for循环更加清晰，语义化强，能显著提升代码的可读性和可维护性。
2024-04-26 16:52:50
21038
19
原创 面向大模型开发：在项目中使用 TOON 的实践与流式处理
从工程实践的角度来看，TOON 已经初具使用价值，它并不是一个停留在概念或论文层面的数据格式，而是已经具备了一定工具链、可直接落地到项目中的工程方案。在数据结构高度一致、数据量较大、需要频繁与大模型交互的场景中，TOON 提供了一种新的优化思路。
2026-01-26 13:47:58
2691
79
原创 探究TOON的价值边界：比JSON更优的大模型友好数据格式？
TOON 并不是一个噱头，也不是 JSON 的替代品。它更像是一种为大模型输入定制的结构受限的数据表达 DSL。在特定场景下，使用 TOON 可能有奇效，它应该被视为一个工具选项，理解它的边界比盲目使用它或者拒绝它更重要。
2026-01-19 13:18:23
3740
126
原创 TOON：一种为大模型设计的JSON压缩型数据结构
TOON 是一种为大模型输入设计的、对 JSON 进行结构压缩的表示方式。它吸纳了 yaml、 csv 的表示特点，对 JSON 数据的表达结构进行了重构，在特定场景下能节约 token 的使用量。
2026-01-12 13:16:13
3773
115
原创 【年终总结】从非科班无实习到准字节前端：我始终相信，开发之外的事，才是破局关键
没有什么是做不成的，只有时间是不可逆的。只要有意识的持续思考，在基础开发工作之外选择一个合适的方向，养成奔跑的习惯，剩下的，就交给时间。
2025-12-29 15:36:00
4514
136
原创 【前端实战】Axios 错误处理的设计与进阶封装，实现网络层面的数据与状态解耦
一个成熟的 Axios 错误处理体系，应该能做到错误集中处理，业务代码干净，错误分级，有明确策略，错误结构统一，方便扩展，自然接入登录、权限、数据监控等模块。错误处理不是异常流程，而是系统设计的一部分。做好网络层的错误处理，实现数据与状态的解耦，会让业务层开发大有裨益。
2025-12-22 20:11:10
4804
113
原创 在线编程实现！如何在Java后端通过DockerClient操作Docker生成python环境
本篇文章（含在线编程案例）将带大家来看看如何使用DockerClient操作Docker生成python环境，该思路同样适用于所有在线编程的开发过程。
2025-12-17 23:14:00
7320
169
原创 PDF预览：利用vue3-pdf-app实现前端PDF在线展示
怎么在前端在线展示pdf？怎么实现pdf预览功能？在本文的介绍中，我们详细了解了如何在Vue3项目中使用vue3-pdf-app实现PDF文件的在线展示。从项目初始化、插件集成到高级功能的实现和部署优化，希望对你有所帮助。在实际项目中，灵活运用这些技术可以大大提升用户体验和项目质量。
2025-12-16 22:21:11
6178
42
原创 PDF在线预览实现：如何使用vue-pdf-embed实现前端PDF在线阅读
本文详细介绍了如何在Vue项目中使用vue-pdf-embed实现PDF文件的在线展示。从项目初始化、插件集成到高级功能的实现和部署优化，希望对你有所帮助。在实际项目中，灵活运用这些技术可以大大提升用户体验和项目质量。
2025-12-16 22:21:08
3468
32
原创 【前端实战】从 try-catch 回调到链式调用：一种更优雅的 async/await 错误处理方案
虽然 async/await 解决了传统回调地狱问题，但 try-catch 可能制造新的结构复杂度，导致代码可读性下降，通过合适的封装和抽象设计，能够大大提升多请求依赖、分阶段错误处理场景下的代码质量。
2025-12-15 16:19:48
5001
102
原创 【简单快速】windows中docker数据如何从C盘迁移到其他盘
本文详细介绍了如何将Windows系统中Docker默认存储在C盘的数据迁移到其他磁盘。作者指出Docker数据常占用大量C盘空间，通过WSL命令分步骤实现：先导出数据为tar包，注销原发行版，再导入到目标磁盘。重点讲解了docker-desktop（系统进程）和docker-desktop-data（镜像/容器数据）的区别，强调后者是迁移关键。该方法安全可靠，能有效释放C盘空间，同时保留所有Docker数据。文末还推荐了相关磁盘管理工具和热门技术文章。
2025-12-15 16:17:28
4351
96
原创 UID和UUID分别是什么？盘点生成UID的n种方法
UID（唯一标识符）作为系统中识别实体的基础构件，其设计看似简单，实则深刻影响着系统的可扩展性、性能与安全性。UUID 作为 UID 的一种标准化实现，凭借全局唯一性和无需协调的特性，成为分布式系统的“通用语言”；希望本文提供的UID生成方案，能满足你在各种场景下的应用需求。
2025-12-08 11:54:24
3470
64
原创 如何优雅地导出 VS Code 项目目录结构
导出 VS Code 目录结构看似是一个“小需求”，但在实际工程、写文档、团队协作、LLM 助力开发等场景中，它是非常重要的“结构化表达工具”。在某些时刻一个简单的项目目录结构图，会大大增加沟通效率和展示效果。
2025-12-08 11:53:44
2632
93
原创 为什么赋值过程会丢失this
this 并不是“跟着函数走的”，而是“跟着调用表达式走的”。一旦你把方法从对象上“拿出来”，它就不属于那个对象了，this 自然也就丢了。理解了这点，就能彻底理解非常多 this 丢失的问题，包括 React、class 绑定、事件回调、计时器、解构赋值、对象方法传递等各种场景。
2025-12-01 12:56:41
3679
29
原创 href 和 src 有什么区别，它们对性能有什么影响？
src 与 href 看似只是两个普通的属性，但它们背后牵涉到浏览器解析与网络栈、脚本执行时机、性能优化、构建工具的特殊处理等内容，理解它们的底层差异，可以让你的页面加载更快、结构更语义化，代码更专业，提升“前端工程化”的实践效果。
2025-11-24 14:34:01
2842
52
原创 从vw/vh到clamp()，前端响应式设计的痛点与进化
响应式设计从一开始的理想主义（纯 vw/%），到被现实打回 px + @media 的碎片化阶段，再到如今 clamp() 带来的“有边界的灵活”，在我看来，这其实是前端布局理念的一次成熟回归。也许自适应设计还有很多可能没有被发掘，未来某一天响应式布局也许终于能走出“为了适配而适配”的泥潭，迎来真正的“自适应与舒适并存”的时代。
2025-11-10 22:14:27
7356
64
原创 选高考700分还是700亿？如何用700分因果律武器为人类创造最大价值？
高考700分到底意味着什么？难道就只有清华北大？如果把“高考700分”看作一次“因果律武器”的机会，合理设计规则和限制，它的价值可能远超700亿。
2025-10-27 23:11:27
4810
56
原创 解构赋值的危险性是什么？js不加分号竟然会导致报错
在使用ES6新特性的时候，有时候会出现一些奇怪的bug，明明代码写得很基础，一眼就能看懂正在做什么，但是结果却往往事与愿违，出现一些完全无法理解的特殊情况，不管是多少次反复检查，还是请其他开发者帮忙检查，亦或是询问AI，都无法发现bug所在，但结果就是不对，这是为什么呢？JavaScript 的 ASI 机制让“省略分号”看似优雅，但在某些场景下却暗藏杀机
2025-10-13 22:54:24
3478
83
原创 如何提取 Map 的第 i 个元素？一文教你玩转迭代器对象
在前端开发中，我们经常用 Map 来存储键值对，比如缓存接口请求结果、维护用户状态或统计访问数据。最常用的 Map 基本方法包括get / set / has，可Map能不能像数组那样，获取第 i 个元素呢
2025-09-29 15:34:38
4301
88
原创 复杂计算任务的智能轮询优化实战
通过以下三种策略的叠加，可以极大优化长时间任务轮询：递归 setTimeout：避免轮询叠加，更灵活。指数退避：减少长任务中无效轮询。标签页可见性检测：降低后台页面的资源消耗。
2025-09-22 23:25:12
8681
112
原创 大数据如何捕捉你的爱好？如何实现跨站用户行为分析？
你有没有过这样的经历：在你打开淘宝浏览器页面的同时，京东的推荐页可能已经“猜到”你最近在关注某类商品；你在知乎点过几篇健身文章，B站就开始给你推送相关的视频。仿佛网络在默默“跟踪”你的一举一动。很多人心里打鼓：难道我所有的爱好、习惯，甚至小秘密，都在大数据面前无处遁形？今天我们就来聊聊：跨站用户行为分析是怎么实现的？
2025-09-15 11:47:47
4970
80
原创 排序算法全解，为什么快排的时间波动特别大？
通用排序方法里面，只有快速排序、归并排序和堆排序的时间复杂度最优，像冒泡排序、插入排序、选择排序、希尔排序时间复杂度都要逊色一些。但有些排序方法，在特殊场景下的时间复杂度优于O(n log n)
2025-09-01 15:10:06
4006
89
原创 引入json文件时ts报错：Cannot find module ‘./load2.json‘. Consider using ‘--resolveJsonModule‘ to import ...
解决引入json文件的时候，ts报错：Cannot find module './load2.json'. Consider using '--resolveJsonModule' to import module with '.json' extension.
2025-08-25 16:40:56
3300
91
原创 彻底搞懂 package.json：前端项目的“身份证”
package.json 不只是依赖列表，更是前端项目的核心配置文件。掌握它的结构和用法，对构建高质量、可维护的项目至关重要。需要知道它的基本组成（name、version、scripts、dependencies）、理解依赖分类（运行 vs 开发）、 会使用 ^、~ 精准控制依赖版本、掌握任务自动化（scripts）与打包配置（main、exports）
2025-08-18 23:25:52
2999
118
原创 用一次就爱上的 Array.from —— 构建 m*n 数组的绝对优雅姿势
Array.from 是一个被很多人忽略的宝藏方法，它不仅能转换结构，还能配合生成函数用作数组工厂。无论是构造 m×n 数组、范围数组，还是结构转换，它都能帮你写出更直观、简洁、优雅的代码。
2025-08-11 17:30:38
7998
96
原创 理解 JavaScript 中的“ / ”：路径、资源与目录、nginx配置、请求、转义的那些事
这篇文章深入探讨了JavaScript中"/"符号的多重含义与应用场景。文章从路径解析入手，分析了/在文件路径、URL结构和相对/绝对路径中的不同作用，特别强调了其在区分目录与资源时的关键性。随后详细讲解了/Vue框架中的特殊用途，包括路由配置和项目构建时的base设置。此外还涵盖了SEO优化、Nginx配置技巧、API请求处理以及正则表达式中的转义问题等内容。通过系统梳理这一常见符号在前端开发中的各种应用场景，帮助开发者更全面地理解其技术细节，从而提升路径处理、接口调试和服务器配置等方
2025-08-04 12:53:24
3252
105
原创 数组去重性能优化：为什么Set和Object哈希表的效率最高
数组去重过程中，本质可以简化为遍历原数组，然后通过去重算法判断是否重复，重复就去除，不重复就添加，所以综合复杂度一定是O(n)*x，x是去重算法的时间复杂度。Set和Object哈希表去重的时间复杂度正好是O(1)，如果还要进一步优化，就需要再在去重算法上下功夫了。
2025-07-21 15:02:11
7307
94
原创 Web Worker：让前端飞起来的隐形引擎
Web Worker 是前端多线程开发的基石，提升了复杂应用的性能上限，它的使用非常简单，通过 postMessage 和 onmessage 双向通信即可，在实际业务中，如数据处理、音视频转码、大型图表绘制等场景，Worker 能显著优化用户体验。如果你的项目中存在明显的主线程卡顿，不妨试试引入 Web Worker，给用户带来丝滑流畅的体验感。
2025-07-14 12:12:53
23514
107
原创 高性能瀑布流+无限滚动+懒加载：七行代码让海量DOM浏览更顺畅
在处理海量数据的场景中，如电商平台的商品列表、社交媒体的动态流或新闻网站的内容展示，瀑布流布局 和 无限滚动 是常见的交互设计。然而，传统实现方式往往存在性能瓶颈，尤其是在用户深度滚动时，页面会变得卡顿甚至崩溃。本文将介绍一种基于现代浏览器API的高性能解决方案，并通过七行核心代码实现无限滚动、懒加载与DOM回收的完美结合。
2025-07-07 14:13:46
2976
112
原创 内存泄漏——海量数据背后隐藏的项目生产环境崩溃风险！如何避免内存泄漏
内存泄漏（Memory Leak）是 Web 开发中常见但容易忽视的问题。随着项目体量增长或长时间运行的单页应用增多，内存泄漏所带来的性能下降、页面卡顿甚至崩溃问题变得尤为突出。
2025-06-23 16:26:59
9583
109
原创 Vue3的Proxy解决了多少Vue2中defineProperty解决不了的问题？
在 Vue3 发布时，Proxy 的引入被称为“技术底座的大革新”。相比 Vue2 使用的 Object.defineProperty，Proxy 带来了巨大的功能提升与开发体验优化。 那 Vue3 的 Proxy 解决了哪些 Vue2 中 defineProperty 解决不了的问题呢？
2025-06-16 10:14:47
1488
87
原创 【前端实战】如何让用户回到上次阅读的位置？
前端如何实现用户回到上次阅读的位置，包括基础scroll方法+优化、 Intersection Observer API + 探针追踪、锚点 URL HASH 定位跳转等策略实现一个流畅且高效的方案。
2025-06-16 10:14:43
12480
124
原创 Agentic Workflow是什么？Agentic Workflow会成为下一个AI风口吗？
AI Agent虽然充满想象空间，但其技术成熟度和商业化落地仍面临诸多挑战。相比之下，Agentic Workflow以其简洁、高效和灵活的特点赢得了市场的青睐。从知识工作者的日常办公到企业的复杂业务流程，Agentic Workflow正在逐步改变我们的工作方式。
2025-06-16 10:14:39
2832
100
原创 消除IF嵌套，利用卫语句提升代码的可维护性与可读性
在复杂流程系统中，卫语句模式不仅是代码组织技巧，更是一种系统设计哲学。你是否也遇到过多重嵌套、难以阅读的校验代码？试试这套设计，也许就能拨云见日。
2025-06-10 14:32:02
1596
93
原创 雁门萨氏萨师煊：中国数据库学科的拓荒人与奠基者
“雁门垂世泽，榕峤振家声”，萨氏大院门前的这副楹联，历经岁月洗礼，依旧闪耀着夺目光辉。萨氏家族数百年来的发展历程，折射出中国从“师夷长技”到“科技自立”的艰辛奋进之路。
2025-06-05 16:11:43
728
7
原创 JavaScript新特性structuredClone()，一行代码优化深拷贝策略
目前，structuredClone() 已被所有主流浏览器支持。它为深拷贝问题提供了一个简单、高效的解决方案，快来拥抱这个JavaScript新特性吧。
2025-06-02 21:22:09
6126
97
前端在线展示pdf功能源码
2024-08-07
基于JS的token无感刷新
2024-08-07
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人