一个基于 React 的 K 线图组件 kline-charts-react 及配套的股票数据 SDK stock-sdk。组件支持多周期切换、15 种技术指标计算、丰富的交互操作及主题切换。SDK 采用 TypeScript 实现，零依赖，支持浏览器和 Node.js 环境获取 A 股、港股、美股行情。通过 props 配置即可快速集成，支持自定义数据源，解决了前端直接获取股票数据的痛点。
Lottie-Web 动画库的使用指南。内容包括 Lottie 简介、核心优势及工作原理。涵盖 NPM 安装、CDN 引入及 ES6 模块用法。深入讲解基础使用、三种渲染方式（SVG/Canvas/HTML）对比及 API 详解，包括播放控制、事件监听等。提供 Vue 2.x 和 Vue 3 Composition API 的组件封装实战代码。讨论高级特性如动态替换、片段播放、性能优化策略及 Intersection Observer…
探讨前端微前端架构，解决单体应用代码量大、构建慢、协作难的问题。介绍了三种主流方案：Webpack Module Federation、Single-SPA 和 Qiankun。通过拆分独立微应用，实现团队协作高效化及构建时间优化，避免巨石应用困境。
Web Worker 是浏览器提供的子线程机制，用于解决 JavaScript 单线程导致的页面卡顿问题。通过将耗时计算（如大数据排序、复杂运算）移至后台执行，主线程专注于 UI 渲染和交互。 Web Worker 的基本原理、创建与通信方式，展示了在批量数据处理中的实战应用，并提供了 Vue3 中封装 Hook 的优雅用法及注意事项（如 DOM 限制、内存泄漏预防）。适合需要优化前端性能的场景。
介绍前端缓存策略的最佳实践。分析了仅依赖浏览器默认处理或简单使用 localStorage 导致的性能差、内存高、管理混乱等问题。提出了构建完整缓存管理系统的需求，涵盖过期策略、空间管理及 Service Worker 应用。通过对比错误代码与正确实现（如 CacheManager 类、Service Worker 拦截），阐述了如何结合多种存储方案优化页面加载速度、节省带宽并支持离线访问。强调了合理设置过期时间、统一命名规范及异常处理…
OpenClaw 是一款本地化部署的行动式智能体工具。在 Windows 环境下，使用 Node.js 22 和 Git 搭建运行环境，并通过 PowerShell 安装 OpenClaw 的全过程。教程涵盖配置 Kimi 大模型 API 密钥、创建并绑定飞书机器人以实现消息交互，以及后续的日常管理、故障排查和卸载操作。通过本指南，用户可构建一个 24 小时在线的 AI 助手，实现自动化任务处理与业务集成。
介绍在 Mac mini M4 上利用 OpenClaw 框架与 Ollama 本地大模型（Qwen 2.5-7B）搭建私有化飞书机器人的完整流程。涵盖 Node.js 环境配置、NVM 路径修复、模型性能调优、OpenClaw JSON 配置详解及飞书 WebSocket 接入调试。解决了权限、路径及工具调用兼容性问题，实现了低延迟的本地智能助理部署。
Generative UI 结合大模型与前端组件库，实现对话即界面。通过 Function Calling 和 RSC 技术，AI 可动态生成交互式组件而非纯文本。介绍基于 Vercel AI SDK 和 Next.js 的实现方案，涵盖工具暴露、服务端映射及流式下发流程。同时讨论了加载状态、参数校验及错误处理等生产环境挑战，指出前端工程师将转型为 AI 交互组件架构师。
对比了浏览器端三种数据存储方式：localStorage、sessionStorage 和 Cookie。重点分析了它们在生命周期、作用域、存储大小及安全性上的差异。localStorage 适合长期持久化非敏感数据；sessionStorage 适用于临时会话级数据；Cookie 则随 HTTP 请求自动发送，常用于身份验证，需配合安全标志使用。文末提供了封装的工具函数示例及选型决策建议。
JetBrains 公司开发的 WebStorm 集成开发环境。内容包括 WebStorm 的优势对比、Windows 系统下的下载安装步骤、常用插件推荐（如 Rainbow Brackets、Translation 等）以及非商业用途的免费许可证说明。适合前端开发者参考使用。
WebRTC（Web Real-Time Communication）技术，涵盖其定义、发展历程及核心优势。文章深入剖析了 WebRTC 的架构组成，包括信令层、媒体引擎、网络传输及安全层。重点讲解了三大核心组件：RTCPeerConnection 用于音视频通信主干，RTCDataChannel 用于低延迟数据传输，以及 getUserMedia 与 MediaStream 用于媒体处理。此外，还阐述了 ICE/STUN/TURN 在…
微信小程序 web-view 组件与内嵌网页的双向通信方法。内容包括基础配置、小程序与网页互发消息的代码实现、通信类封装示例以及最佳实践。特别分析了 bindmessage 事件的延迟触发机制，并提供了 URL 参数、Storage 轮询及 WebSocket 等实时通信替代方案。最后补充了 WebView 的概念及其在混合开发中的应用价值。
Motrix WebExtension 是一款用于将浏览器下载任务转移至 Motrix 下载管理器的浏览器扩展。配置前需确保 Motrix 版本不低于 1.6.0 且浏览器支持 Chrome、Firefox 等主流内核。核心步骤包括在 Motrix 中生成 RPC Secret 密钥，并在扩展选项中填入该密钥以建立连接。高级配置可调整 RPC 端口、设置文件大小阈值及网站黑名单。若遇连接问题，需检查 Motrix 运行状态、密钥匹配性及…
探讨了前端微前端架构作为大型应用模块化解决方案的必要性。文章指出了常见的误区，如认为微前端是过度设计或使用 iframe 替代专业方案。通过对比反面教材（iframe）与正面实践（Module Federation 和 Single-SPA），详细展示了如何使用 Webpack 5 配置主应用与微应用，以及如何在 Single-SPA 中注册和启动微应用。核心观点强调微前端旨在解决团队协作、独立部署和技术栈灵活性问题，而非单纯拆分。文章…
探讨前端安全实践，指出明文传输密码的风险，并提供解决方案。包括使用 bcrypt 进行密码哈希存储，利用 DOMPurify 和 CSP 头防止 XSS 攻击，以及通过 CSRF token 机制防御跨站请求伪造。代码示例展示了 React 组件与 Next.js API 路由的安全配置。
Agent-Browser 是 Vercel 推出的专为 AI Agent 设计的浏览器自动化 CLI 工具，基于 Playwright 封装，支持无头模式操作。相比原生 Playwright，它简化了元素引用、会话管理和认证存储，适合简单重复任务和 QA 验证。文章介绍了其安装方式、与 playwright-skill 的对比，并通过 OpenCode 示例展示了如何利用该工具自动访问网页、截图及抓取数据。
介绍 GitHub 上十大热门 Claude Skills，包括 everything-claude-code、superpowers、planning-with-files 等。涵盖企业级配置、工程化流程、文件化规划及中文优化方案。提供 npx、Clone 及插件市场三种安装方法，并根据新手、团队、设计师等不同角色给出配置建议。旨在通过扩展 AI 能力实现任务自动化，提升开发与设计效率。
介绍开源 AI 助手 OpenClaw 的安装及飞书机器人接入流程。需先安装 Node.js，通过 PowerShell 脚本一键安装 OpenClaw，配置智谱 GLM 等模型 API Key。随后创建飞书应用并添加机器人能力，安装 Feishu 插件并配置凭证。支持本地运行，可执行电脑操作任务，完全开源免费。
详细介绍如何在本地免费部署 OpenClaw 龙虾机器人。步骤包括准备免费 API Token（如硅基流动或推理时代），安装必要软件（Cherry Studio、Node.js、Git），配置模型及技能，并通过钉钉实现远程调度。此外还包含 ClawHub 源更换、基础技能安装及 MemOS 记忆增强方案，旨在降低 Token 消耗并提升机器人智能交互能力。
微信小程序自定义 tabBar 的实现方案。针对原生 tabBar 样式受限、数量限制等问题，通过封装自定义组件实现底部导航栏。内容包括组件结构设计、动态页面切换、图标文字高亮管理、样式美化及中间凸起按钮扩展。文章提供了完整的项目结构、WXML/WXSS/JS 代码示例，并总结了常见问题与解决方案，帮助开发者灵活构建美观的底部导航。
