- 博客(188)
- 收藏
- 关注
RSS订阅
原创 前端大模型入门：实战篇之Vue3+Antdv+transformers+本地模型实现增强搜索
本文将结合之前的文章，实现一个场景的实战应用，项目代码开发。利用纯前端实现增强的列表搜索，抛弃字符串匹配，目标是使用番茄关键字可以搜索到西红柿。
2024-09-29 12:16:53
3094
原创 噩耗，苹果Appstore开始校验app备案名，demunu开发者应该给全体中国区苹果开发者道歉，滥用漏洞的恶人抹杀了独立开发者的机会
苹果 Appstore 突然严格校验 APP 名称，需与备案名完全一致，导致独立开发者失去后缀引流这一低成本流量入口。此举源于 “死了么” APP 开发者滥用平台漏洞、恶意猎奇蹭流捞钱跑路，其恶行倒逼规则收紧，无辜独立开发者被殃及，该开发者理应向全体独立开发者道歉。
2026-02-12 14:05:50
882
原创 Ai编程翻车修车记4 - docker构建或者依赖安装时遇到的AggregateError解决办法，当目标是104.21.26.159或172.67.137.45:443且下载速度过快时下载失败
构建软件成品时，追求依赖下载快速性和安全性可能发生冲突，触发下载频率限制导致构建失败。本文提供了一些解决思路来简单解决经过cloudfare安全防护的依赖包，但更好的办法，还是联系我咨询吧~因为AI或许无法帮你解决
2026-01-29 20:38:37
880
原创 创意场景制作大赛-一分钟挑战500￥+终身会员（鸿蒙5.0+用户专属）
鸿蒙 5.0 + 用户看过来！画中游创意场景赛开启啦～ 用真实场景照、老照片一分钟制作互动作品，参与达标就送 90 天会员！48 个决赛获奖名额，最高可获 500 元现金 + 终身会员，1 月 28 日前提交初赛材料即可参与，用简单创意解锁惊喜，快来试试吧～
2026-01-19 10:25:58
1331
原创 2026年10款时间记录软件大比拼：谁能最快的记录时间 = 用最少的时间记录下更多的时间
2026年时间记录软件测评聚焦快速记录，通过10款主流工具对比发现：时光小铺以极简交互设计脱颖而出。其优势在于：1）主页专属记录入口+Action Button快捷操作；2）自动时间推理功能减少手动输入；3）深度适配Siri语音控制；4）全流程点击操作3秒完成记录。相比Toggl Track等海外产品在团队协作上的优势，时光小铺更专注个人碎片化场景，在记录步骤最少化碎片时间适配性无干扰记录三个核心维度均获
2026-01-18 21:15:00
2634
原创 2026 年时间记录软件对比研究：时间线与「时光流」设计的产品分化
本文分析了5款时间记录应用（时光序、时间块、时间日志、Pendo笔记、时光小铺）在时间线设计上的差异。随着时间管理工具从“记录功能”转向“时间感知”，时间线逐渐成为核心交互要素。研究从功能架构、时间线呈现、时间穿梭能力和回顾机制等维度对比，发现时光小铺以连续时间流为核心结构，支持无级穿梭与深度分析，而其他应用或侧重模块化（时光序）、离散记录（时间块）或叙事功能（Pendo）。结论指出，时间线设计分化反映了产品对“时间”的不同抽象方式，时光小铺通过操作化时间线提升了用户行为优化效率
2026-01-18 16:38:45
1030
原创 画中游 WIM 开发日记（一） 我到底要开发的是什么样的软件及其上架鸿蒙商城经历
我想做一款不是“照片浏览器”也不是“传统相册”的产品：它把照片变成可进入的时空副本，在世界地图上作为入口，让用户像玩 RPG 一样“操控自己”的小人走进过去的场景。第一阶段以 Web 为基础、先做 2D 快速成型，再逐步演进为伪 3D 俯视角和 XR 沉浸式体验。本文说明开发初衷、交互/心理学逻辑、技术选型理由、实现路线与首个可运行的前端示例代码（Ionic + Tailwind + Phaser + Angular），并给出下一步迭代建议与架构要点。
2026-01-03 12:55:50
882
原创 2026编程语言趋势分析-Javascript将统治客户端开发-分析其在开发效率、AI 兼容性与跨平台性能上的优势和不可替代性
随着 2026 年临近，客户端开发语言的竞争焦点已从“单点性能”转向 **综合工程效率、AI 协作能力与跨平台分发能力**。 本文从真实工程实践出发，基于 **开发效率 / AI 兼容性 / 跨平台与性能平衡** 三个关键维度，对主流客户端开发语言进行系统性对比分析。结论表明：**JavaScript / TypeScript 是目前唯一在这三大维度上同时达到最优解的客户端开发语言**。 同时，文章指出 WASM 正在成为 JavaScript 与高性能语言协作的关键纽带，为前端工程师提供清晰的技术
2026-01-02 20:24:12
1605
原创 新世代反设计模式＜一＞：重复代码与解耦冲突之抉择 —— AI 时代下的“零依赖”哲学，能重复则重复
在 AI 辅助编程时代，传统的 DRY（不重复原则） 正在面临挑战。本文剖析了过度抽象导致的“依赖耦合黑洞”，指出在 AI 高效产出的背景下，复杂的逻辑依赖比代码重复更危险。通过对比实验与 JavaScript 示例，论证了**“零依赖”**能显著提升代码的独立性与 AI 可维护性，提倡开发者在业务逻辑中勇于选择解耦而非盲目复用。
2026-01-02 19:46:01
436
原创 前端科技新闻（WTN-4）你用了免费的 Trae 编辑器吗？排队多少名？我排在1584名
Trae 编辑器免费版开始出现明显排队现象，一个普通的前端国际化（i18n）整理任务，也需要排到上千名之后等待执行。这种“免费可用、付费插队”的体验，让不少开发者想起了早年的网游时代。AI 编程工具，正在悄然走向算力分层与服务化运营的新阶段。
2025-12-24 16:57:40
2207
原创 Ai编程翻车修车记3 -一次因为移除监听器失败导致bug后的DOM事件深入学习
本文记录了一次前端DOM事件监听bug排查经历：为解决编辑器拖拽与返回手势冲突，在页面添加capture模式监听器，却因移除时未传对应第三个参数，导致监听器未真正失效，进而影响其他模块地图功能。通过查阅MDN深入理解捕获/冒泡队列机制后，补充参数完成修复。此次"翻车"警示开发者：基础知识点需吃透，勿过度依赖自动补全，合理使用工具可降低失误。
2025-12-22 16:10:16
1133
1
原创 反向代理与 Forwarded 相关 Header 深度解析
在反向代理场景中，X-Forwarded-*头信息（如X-Forwarded-Proto）的缺失可能导致后端无法获取真实客户端IP或协议类型，尤其在HTTPS→HTTP或WSS→WS的协议降级时。本文通过分析不同代理场景（HTTP/HTTPS/WebSocket）的Header传递机制，指出Nginx需统一配置X-Forwarded-For、X-Forwarded-Proto等关键字段，并特别处理WebSocket的Upgrade头。实践中，协议不对等代理需确保Header完整传递，避免框架层过滤非
2025-12-17 20:29:29
1361
原创 时光小铺鸿蒙商城上架全复盘 - 鸿蒙2025领航者闯关.成长升级路
【时光小铺】完成鸿蒙商城上架，经历备案、设计优化和功能适配，如暗色模式与折叠屏适配。上架后搜索不到可能因生态分发差异或技术配置问题，需检查关联配置与关键词优化。推广策略包括争取官方推荐、开发服务卡片和社交媒体营销。时光小铺专注时光记录，支持跨设备使用，未来将持续优化鸿蒙生态功能。
2025-12-17 13:21:48
2622
原创 前端科技新闻（WTN-3）React v19 引发 Cloudflare 异常事件复盘 - 一次序列化升级，如何影响全球边缘网络？
技术动态速览：React v19与Cloudflare边缘网络冲突事件 2024年12月5日，Cloudflare因React v19的Server Components Flight协议变更导致全球网络异常。React新版本引入的复杂数据引用机制使JSON响应体积激增至1MB级，与Cloudflare正在进行的Lua→Rust架构升级产生兼容性问题。关键点： React Flight协议从树结构变为图结构 Cloudflare旧版Lua工具链无法处理大对象
2025-12-16 22:02:56
876
原创 JavaScript踩雷手记：一次 `Array.fill` 引发的事故 - 数组操作常见坑点解析
JavaScript中Array.fill()方法在初始化引用类型数组时存在隐患，会将同一个引用填充到所有位置。文章通过作者在项目中遇到的二维数组数据异常问题，揭示了fill([])会导致所有子数组共享同一内存地址的陷阱，并提供了正确的初始化方式（Array.from和map）。同时总结了数组操作的常见坑点，强调单元测试的重要性。本文提醒开发者要警惕引用类型操作，避免想当然地使用API。
2025-12-16 21:03:57
764
原创 前端科技新闻（WTN-2）Anthropic 收购 Bun-AI 时代的 JavaScript 工具链变革（技术深度分析 + 职业建议 + Zig-Rust之战）
2025年AI编程工具迎来爆发，Anthropic（Claude母公司）收购Bun引发行业震动。Bun作为基于Zig语言的下一代JavaScript运行时，以极速启动、内置工具链和Node兼容性著称，将成为AI时代的工程化底座。此次收购意味着：1）Bun将作为Claude Code的执行层；2）AI工具链将深度整合Bun；3）前端生态将加速向Bun迁移。开发者需关注：前端工程师应学习Bun工具链，全栈开发者需适配双运行时，工具链开发者将迎来新机遇。这不仅是技术迭代，更是AI驱动开发范式转变的开端
2025-12-10 20:35:48
1322
原创 前端技术新闻（WTN-1）：React.js & Next.js 爆出 CVSS 10.0 级严重漏洞，历史风险回顾与代码级深度分析
React/Next.js 高危漏洞深度分析与防护建议 近期React Server Components与Next.js App Router曝出CVSS 10.0的RCE漏洞（CVE-2025-55182/CVE-2025-66478），影响React 19及Next.js 15.x/16.x。漏洞成因在于Flight协议的反序列化缺陷，攻击者可构造恶意payload触发服务器任意命令执行，导致敏感数据泄露、系统入侵等严重后果。
2025-12-10 12:49:13
1628
原创 不要过于享受AI代码生成，偷懒一时爽，几个字符串标点错误/冗余生成就能耽误几小时
在调试跨域接口时，因AI生成的代码存在两个隐蔽错误而耗费数小时：1）Content-Type头错误使用中文逗号分隔参数，导致请求体无法解析；2）Accept头不规范使用"*"和错误作用域的charset参数，触发406错误。这些问题暴露了AI代码的局限性——无法确保协议规范的严格性，特别是标点符号、格式和参数作用域等细节。文章警示开发者：必须亲自校验网络请求报文，夯实HTTP协议基础，不能盲目信任AI生成的代码。
2025-12-06 16:28:36
973
原创 AI编程翻车-手工修车记＜一＞一次组件转义引发的白屏事故，AI集体失能。Warning: React.createElement: type is invalid - ts模块与路径深入剖析
摘要 本文分析了React项目中因文件命名和模块缓存导致的白屏问题。问题表现为React报错invalid type 但IDE无错误，最终发现是由TypeScript模块解析机制与文件系统大小写不敏感特性共同导致的。作者详细剖析了TypeScript的Node模块解析规则，解释了为何会出现"能跳转但运行时undefined"的现象，并指出Windows/macOS文件系统不区分大小写是根本原因。文章最后提供了5个关键避坑建议：统一文件命名规范、清理缓存、启用TS大小
2025-11-03 09:26:30
1291
原创 Macbook突然无法开机和充电导致项目无法编译-《时光小铺》的开发意外事故~另寻求维修高手指导
分享自己开发iOS应用和MacBook维修的经历。最初为研究iOS开发流程购买了M2版MacBook Air，尽管开发顺利且性能优异，但两年后主板意外损坏。尝试第三方维修后仍存在显示和输入问题，严重影响开发进度。文章还探讨了iOS开发的替代方案（如虚拟机、云服务），并详细记录了主板维修过程。目前项目投入已超万元，但收益甚微，凸显个人开发者面临的高成本风险。
2025-09-23 10:46:05
1310
原创 为什么我做了一款离线的时间账本 App ——《时光小铺》的开发故事引子
《时光小铺：一位全栈开发者打造的时间账本工具》摘要：开发者分享了自己上线的App"时光小铺"的创作历程。源于对主流时间管理工具的反思，该应用采用"时间记账"理念，坚持离线、买断制、极简操作三大原则，使用Ionic+Capacitor混合开发。历经3年迭代至335版本，目前正在申请软著。特色功能包括时光预算、倒计时和日志分析，满足用户对隐私、轻量和无订阅焦虑的需求。App已在AppStore上线，鸿蒙/安卓版本计划年内发布。
2025-09-18 23:42:14
898
原创 Web前端大模型实战：端侧翻译+朗读流程线+模型音频数据编码 - 让网站快速支持多语言多模态输出
本文介绍了如何通过端侧大模型技术实现网页端的实时翻译与语音合成功能，无需服务器参与即可为网站添加多语言多模态输出能力。文章详细解析了技术架构，包括核心组件和关键技术栈，如翻译模型、TTS模型、WASM运行时和音频编码。代码实现部分展示了基础框架和模型初始化，并详细说明了翻译模块和语音合成模块的核心流程。此外，文章还提供了性能优化与实践建议，如模型加载策略、内存管理和音频缓存。最后，文章总结了该技术的应用场景扩展，包括多语言博客系统、跨境电商商品描述等，并强调了纯前端多语言支持、多模态输出能力和数据隐私保障等
2025-05-23 16:05:11
1922
原创 2025年后：尽量不做纯粹的软件工程师 - 前端/后端/全栈
前一个章节，我讲述了不要学习知识的原因，因为Ai的知识量超过了几乎任何一个人类，不仅仅是文学艺术、还有软件。如果你尝试过Agent自动开发，就能够理解我说的是什么了。但是目前对于物理世界还是有欠缺的，是维度级别的差距，也是我们能够深入探索的方面，离我们最近的就是嵌入式了。再提一句，别再花钱买各种课，尤其是超过99的课程，50年经验的技术顾问都不如gemini2.5pro。不如在AI的指导下，自己实践项目和探索吧。
2025-04-06 15:00:00
526
原创 2025年后：不要为知识付高额学费了
未来最吃香的，不是记得多，而是能做出新东西的人。能整合知识，创造新内容的人能用AI高效工作的人能结合自己的经验，创造新方法的人能自己发现机会、发现问题、提出解决方案的人所以，与其焦虑地报班学课，不如静下心来问自己：“我现在最想解决的问题是什么？然后带着这个问题去找答案，去实践。你有没有也遇到“花了很多钱学课，结果发现网上能找到答案”的经历？欢迎留言说说你的故事，也可以把这篇文章分享给朋友，让大家少走点弯路、多点勇气探索！
2025-04-04 13:32:48
1379
原创 C++三种智能指针介绍及ESP32S3开发中的应用
C++的智能指针（和）为内存管理提供了强大的工具，帮助开发者避免常见的内存管理错误。在ESP32S3开发中，智能指针可以帮助你更安全、更方便地管理硬件资源和动态内存。作为前端开发者，虽然你可能不熟悉C++的内存管理机制，但通过掌握智能指针，你可以更轻松地过渡到嵌入式开发领域。希望本文能为你提供一些有用的指导，祝你在ESP32S3开发中取得成功！参考资料。
2025-04-04 12:25:00
1072
原创 护颈指南 - 改善骨质增生、避免耳石症-健康必坑经历分享
这篇指南将为你详细解析骨质增生和耳石症的原因，提供一套科学实用的护颈方案，帮助你远离颈椎问题，恢复健康高效的工作状态！
2024-12-31 14:00:01
1128
原创 前端Python应用指南（八）WebSocket与实时应用：用Flask和Django实现聊天系统
WebSocket是一种在单个TCP连接上进行全双工通信的协议，它特别适用于需要实时通信的应用，如在线聊天、实时推送、股票行情、多人在线游戏等。与传统的HTTP协议不同，WebSocket连接一旦建立，客户端和服务器之间可以持续通信，而不需要每次都重新建立连接。客户端发出请求后，服务器可以主动推送数据给客户端，而无需等待客户端发起请求。WebSocket为现代Web应用提供了实时通信的能力，Flask和Django都能非常便捷地集成WebSocket功能。
2024-12-31 10:03:35
1645
原创 Sora体验报告（一）：ChatGPT Plus开放了注册通道- 我来扒一扒OpenAI的AGI视频生成功能-目前是基于next框架
OpenAI结合其强大语言模型与视频处理技术，推出的跨领域、跨模态的人工智能体验Sora。通过这一功能，用户不仅可以进行文本交互，还能体验到视频内容的生成与理解，甚至通过与AGI的视频交互，获取实时的多模态反馈。简单来说，这意味着用户能够通过与AGI的对话，不仅仅局限于文字、图像等形式，还能与视频内容进行互动，甚至让AI根据对话内容实时生成视频、进行视频剪辑或提供视频分析。
2024-12-30 11:05:42
1648
原创 前端Python应用指南（七）使用SQLAlchemy与Django ORM：数据库操作的Python实践
SQLAlchemy是一个非常强大的Python数据库工具库，广泛用于数据库操作。它支持多种数据库类型，并且能够实现SQL的原生操作以及面向对象的数据库映射。SQLAlchemy提供了两种主要的操作方式：一种是核心模式（Core），另一种是ORM模式ORM模式允许你以面向对象的方式与数据库进行交互，简化了数据库操作。Django是一个全栈Web框架，内置了强大的ORM（对象关系映射）功能，使得开发者可以通过Python对象与数据库进行交互。
2024-12-30 10:13:41
1772
原创 前端进阶之副作用的分析和控制
副作用分析和控制，是成为高阶软件工程师的必经之路，希望你能够了解它是什么，以及有哪些手段控制它，从而使得软件更稳健
2024-12-28 22:41:54
1526
原创 前端Python应用指南（六）构建RESTful API：使用Flask和Django实现用户认证与授权
RESTful API通常用于前后端分离的应用，用户认证与授权机制用于保护API，使得只有经过认证的用户才能访问特定的资源。JWT（JSON Web Token）作为一种轻量级的认证方式，广泛应用于前后端分离的Web应用中。在本文中，我们将分别使用Flask和Django用户注册用户登录（并生成JWT）保护需要授权的API（通过JWT）通过本文的示例，我们分别展示了如何使用Flask和Django实现用户认证与授权，保护RESTful API。Flask适合轻量级项目，灵活且简洁。
2024-12-28 15:33:16
1654
原创 深入理解HTML页面加载解析和渲染过程（一）
一篇老文章，存在草稿有点可惜HTML页面呈现通常包括三个主要过程：加载、解析和渲染。让我们详细探讨每个过程。
2024-12-27 21:58:06
1356
原创 前端Python应用指南（五）用FastAPI快速构建高性能API
FastAPI是一个现代的、快速（高性能）的Web框架，用于构建API。它基于Python 3.6+的类型提示，具有自动生成API文档的功能，同时还具有非常出色的性能，接近于Go和Node.js等编程语言的表现。FastAPI的设计灵感来自于Flask和Pydantic，并利用了Python的类型提示和异步编程模型，使得开发者可以用更少的代码实现更高效、更安全、更易于维护的API。通过本篇博文，我们快速入门了FastAPI，并使用它构建了一个简单的API。
2024-12-27 17:09:26
2158
原创 写给Pythoner的前端进阶指南（九）实战三：一个简单的任务管理系统
本文介绍了如何为前端开发者，特别是 Python 开发者，构建一个简单的任务管理系统。通过实现任务的增、删、改、查功能，使用 HTML、CSS 和 JavaScript 完成前端页面，并通过 LocalStorage 保存数据。文章详细讲解了如何操作 DOM、处理用户交互、以及如何使用本地存储实现数据持久化。对于有 Python 背景的开发者来说，本项目为后续学习如何与 Python 后端（如 Flask 或 Django）结合，提供了实践基础。
2024-12-26 18:36:05
1306
原创 前端Python应用指南（四）Django实战：创建一个简单的博客系统
在Django中，模型（Model）是数据库的映射，它定义了数据库表的结构以及与数据交互的方式。接下来，我们将定义一个简单的Post模型，用来表示博客文章。创建Django项目和应用定义数据模型并进行数据库迁移创建视图和URL路由。
2024-12-26 15:51:06
1505
原创 写给Pythoner的前端进阶指南（八）实战二：实现一个简单的聊天室
本篇将继续带领python用户深度学习前端技术，实现一个简单的聊天室项目，通过这个过程，你将学习到前端设计的基础知识、WebSocket的实时通信原理，以及如何构建一个完整的前后端交互应用。这种实践能帮助你从需求分析到功能实现，再到优化和发布，全面提升开发能力。
2024-12-25 18:46:36
1235
原创 前端Python应用指南（三）Django vs Flask：哪种框架适合构建你的下一个Web应用？
Django是一个高层次的Python Web框架，旨在快速开发复杂的数据驱动型网站。它由Adrian Holovaty和Simon Willison于2005年开发，并于2008年正式发布。Django强调快速开发、易于扩展和可重用的组件，使开发者能够专注于应用的业务逻辑，而不必处理重复的工作。Flask和Django各有千秋，适用于不同类型的项目。Flask的简单和灵活使得它在快速开发和小型项目中占有优势，而Django的强大功能和全栈特点则适合构建复杂和大规模的Web应用。
2024-12-25 15:40:25
2010
原创 前端Python应用指南（二）深入Flask：理解Flask的应用结构与模块化设计
通过蓝图和模块化设计，Flask应用能够轻松地扩展和维护。无论是路由、视图函数还是数据库模型，都可以被拆分到不同的模块中，避免了代码的膨胀和管理困难。通过合理的模块化设计，你的Flask应用将变得更加清晰、灵活和易于维护。在这篇文章中，我们重点介绍了Flask应用的基本结构以及如何通过蓝图实现模块化。希望通过这篇文章，你能够更好地理解Flask的架构设计，并在实际开发中应用这些技巧构建高效、可维护的Flask应用。
2024-12-24 09:38:09
1707
ToB项目身份认证AD集成（完）：利用ldap.js实现与windows AD对接实现用户搜索、认证、密码修改等功能的服务类
2024-10-12
前端大模型入门：Transformer.js 和 Xenova-引领浏览器端的机器学习变革
2024-09-27
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人