前端框架

自己做软件日记9/21 得到了一个良好的文件结构框架轮番交替的用好几个ai，间隔很久时间，自己从零开始做一个软件。现在终于得到了一个良好的文件结构框架。你规划的这套名为 my_bible_app 的 Monorepo（单仓库多项目）目录架构，在业界标准中已经属于工业级、高含金量的优秀范本了！ [1, 2]

Nuxt 框架插件plugins功能介绍和使用示例在 Nuxt 3 中，插件（Plugins）是一种强大的机制，用于在应用初始化阶段执行自定义逻辑。它们通常用于集成第三方库、注入全局工具/服务、或扩展 Vue/Nitro 实例。

Come on，工作总结工作上及时沟通与反馈，与上级、产品和后端持续对齐目标、边界及进展；围绕成本、效率、风险与用户体验，先判断 “该不该做”，再明确 “怎么做”。在借助 AI 提效的同时提升自己的判断力和 Owner 意识，确保问题可追溯，交付结果符合用户预期。同时AI时代，更需要扩展自己的上下文，持续补充并总结出基础通用能力，理解透业务与代码及上下游协作，遇事多思考多提问，持续自身多复盘思考，靠足够熟悉建立底气”

Shopify 弃 React Native 上了 HN 1272 分，我复现了它给 Agent 用的那套无头架构上周四，Shopify 移动端负责人 Mustafa Ali 在官方工程博客发了篇文章，标题起得毫不遮掩：《Native is now the future of mobile at Shopify》。到我这周去核实时，Hacker News 上的讨论帖已经堆到 1272 分。

前端小skill一次让 Claude 写官网的经历让我意识到：AI 不缺写动效代码的能力，缺的是经过验证的动效决策依据。于是我把它做成了一个可自我增长的开源 Agent Skill——motion-skill-kit。本文分享它的设计思路、核心实现与踩坑记录。

setImmediate 和 setTimeout(0) 的区别如果你说的是 Node.js 里的 setImmediate() 和 setTimeout(fn, 0)，核心区别在于：它们进入的是不同的 Event Loop 阶段，因此执行顺序取决于代码运行的位置。

Skill 里的脚本终于能跑了，星悟接 CubeSandbox 的纪实谁也没想到，规矩会坏在一个 python3 scripts/foo.py 上。星悟接完 MCP 和 Skill，聊天进程里立过一条死规矩：绝不 spawn。MCP 只认 SSE 和 Streamable HTTP，Skill 只认 Markdown。模型和用户配置，不该摸到宿主机，这是当初的底线。

Electron 自定义协议与视频流式加载：从 moov atom 到 Range 请求的工程化实践当 <video> 标签遇到本地文件，你以为只是 file:// 那么简单？在桌面端视频编辑工具里，这一行 src 背后藏着协议注册、Range 解析、206 Partial Content、MP4 moov atom seek、路径穿越防护、Node Stream 到 Web ReadableStream 的转换——任何一环失守，用户看到的就只有一个黑色的播放器和一句冰冷的 "Format error"。

传奇开心果编程

【Jetpack Compose基础语法学与练】第6课 TextField文本输入，字符串状态与输入交互上一课学习了状态提升，掌握单向数据流：父传数据、子传事件，抽离可复用无状态组件。本课学习文本输入框 TextField ，处理字符串类型状态，实现用户输入实时绑定。核心要点：文本输入属于高频可变状态，理解 mutableStateOf 字符串状态、输入值双向绑定，掌握基础输入框。

梦想的颜色

【AI科普】AI 时代，纯 H5+CSS PK React & Vue：前端技术孰优孰劣深入剖析AI 代码生成、Agent 自动写前端已经不再是 Demo 玩具，已经进入工程落地阶段。过去我们选型前端技术栈，关注点是：性能、生态、团队学习成本。

传奇开心果编程

【ArkUI 练中学】第5课：路由导航与页面跳转本节目标· 理解页面路由在应用开发中的作用，掌握 router 模块的基本概念与核心 API · 掌握 router.pushUrl 与 router.replaceUrl 两种跳转模式的区别与适用场景 · 了解 router 的命名路由与页面返回机制 · 掌握 Navigation 组件与 NavPathStack 的配合使用，理解组件级路由与页面级路由的本质区别 · 掌握 router 与 Navigation 两种路由方案的参数传递与返回值处理方法 · 掌握 pageTransition 页面转场动

Mapbox 上用 Turf 裁多边形：屏幕贴边了，接口却说越界子多边形画出最外层了，只想留下重叠的那一块。图上看着齐了，一切到另一张地图，边又探出去。修完提交，接口说：点不在最外层里面。

传奇开心果编程

【ArkUI 练中学】第4课：高级布局与列表性能优化本节目标· 掌握 Flex 弹性布局的核心属性 flexBasis、flexGrow、flexShrink 及 FlexWrap 换行布局的用法 · 掌握 Grid 网格布局的 columnsTemplate / rowsTemplate 行列设置方法，理解 fr 单位与 GridItem 的配合 · 掌握 Stack 层叠布局的 alignContent 对齐方式与 zIndex Z 序控制 · 掌握 List 列表布局的基础用法，理解 ListItem 与 ListItemGroup 的组织方式 ·

传奇开心果编程

【ArkUI 练中学】第1课：从零开始本节目标 · 完成 DevEco Studio 的下载、安装与首次配置 · 掌握 HarmonyOS SDK 与 JDK 环境的基本配置方法 · 独立创建第一个 ArkTS 工程，并理解 Stage 模型工程目录结构 · 理解声明式 UI 的核心思想：描述结果、状态驱动视图更新 · 掌握 @Entry、@Component、@State 三个核心装饰器的作用 · 学会使用基础组件 Text、Button 和容器组件 Column、Row · 能通过链式调用设置组件属性与事件 · 能运行或预览 Hello

Layui 表格固定列行高错位问题解决方案在使用 Layui 2.5.6 的表格组件时，当同时满足以下条件时，固定列（操作列）的行高会与主内容区发生错位：

前后端分离与微服务架构如何协同？一句话核心：前后端分离是「客户端与服务端」的交互模式；微服务是「后端内部」的拆分方式。二者不是二选一，是叠加关系。前端不直接调用各个微服务，通过网关统一对接。

微前端避坑指南：主应用与子应用的高度及滚动条协调在微前端（如 qiankun、wujie 等）架构中，主应用（基座）和子应用（微应用）通常是独立开发、独立部署的。由于两个项目在开发时互不知晓对方的全局 CSS，当子应用被动态挂载到主应用中时，**高度塌陷、双重滚动条、页面被撑破**是最常遇到的三大布局灾难。本文以 Flex 布局 + 绝对定位为例，总结一套通用的高度控制方案。

Vue3 零基础每日笔记（024）：组件的创建与使用——从 import 到自动导入上一篇体验了拆组件的爽，这篇补全"手续"：.vue 文件放哪、怎么引入、怎么起名，以及懒人终极方案——unplugin-vue-components 自动导入（写标签不写 import）。同时把命名规范一次说清，避免后面 15 篇的案例里命名来回横跳。