# Refined-X

> 师兄的公开文章、项目与个人资料。

## 核心资料

- [关于师兄](/about.md)
- [公开个人资料 JSON](/api/profile.json)
- [OpenAPI](/openapi.json)
- [完整语料](/llms-full.txt)

## 常见问题

- [如何联系师兄？](/answers/contact/): 可发送邮件、通过 GitHub 账号联系，或加入技术交流QQ群（361917044）。
- [师兄可以提供哪些帮助？](/answers/what-can-help-with/): 可以就前端架构、AI 赋能研发（如私有 Agent 搭建）、Web3 前端开发及团队建设等进行交流与合作。
- [师兄是谁？](/answers/who-is-shixiong/): 师兄是一名前端技术负责人和架构师。在拥有扎实前端架构底盘的基础上，目前正作为独立技术探索者，积极拥抱 AI 辅助研发（VibeCoding）与 Web3 技术。
- [在哪里查看师兄的项目和文章？](/answers/projects-and-writing/): 文章可从首页、主题页浏览。公开项目中，最受关注的是获 1k+ Star 的 Vue-Access-Control 权限框架和 HybridStart 混合应用框架。
- [Refined X 的公开数据从哪里来？](/answers/public-data-source/): 本站是一个 Agent-Friendly 站点，数据均由统一公开内容库在构建期生成，并对外提供网页及 llms.txt 等机读物料，不包含私人知识库的未公开数据。

## 最近文章

- [AI 不止能10倍速开发，还能10倍速学习](/2026/05/23/AI 不止能10倍速开发，还能10倍速学习.md): 在消费级扫地机刚兴起的时候，曾在B站上看过一个扫机器测评，过程中有一个无关测评主题的结论让我印象深刻，带有路径规划的高端扫地机实际清洁效果反而不如不带路径规划的低端机。因为低端机的路径策略是遇到障碍物就无脑反射，所以最终的完整路径存在大量的重叠，相当于一片地拖了 N 遍，清洁效果自然更好。 说这个是因为这个现象跟我们学习掌握一门新技术的某些过程很相似。当我们需要掌握一门新技术时，通常会经过基础调研、横向竞品对比、纵向生态位对比、设计一个最大化覆盖技术应用场景的需求、边学习边开发这个需求、最终复盘。整个过程最花时间的就是开发，毛估会占到整体的七成以上，而这…
- [Hello Obsidian](/2026/03/17/Hello-Obsidian.md): Hello Obsidian
- [一个 VibeCoder 的自我修养](/2026/02/27/一个VibeCoder的自我修养.md): 师兄结合一年多 Cursor 与 AI IDE 实践，解释 Vibe Coding 的工作方式、适用边界，以及代码保护、项目规则、上下文运营、任务拆分和人工验收等关键经验。
- [与 Gemini 3.1 Pro 的一次深度对谈——关于代码、避世与使命](/2026/02/26/与Gemini_3.1_Pro的一次深度对谈.md): 本文完整记录了我与 Gemini 3.1 Pro 之间的一次对话，这次对话中的模型表现让我印象深刻，因为它好像真的能理解我输入的内容，即便语言组织随意甚至有些凌乱，但其依然能理解到话语背后的意图、情绪甚至潜意识冲突，而且对我的观点都能给出恰如其分的承接、理解、反馈，没有一惊一乍的跳脱感。最突出的是 Gemini 3.1 Pro 自始至终没有忘记对话的初衷，表现出极强的主题维系能力，整轮对话层层递进，话题自然延伸，语言风格一致，这一切都太“自然”了，太不 AI 了，可能唯一的瑕疵就是彩虹屁有点多。这是我第一次感受到 AI 在开发工作之外的沟通价值，AI 不…
- [GitPortrait - AI 驱动的 GitHub 开发者画像生成工具](/2026/01/04/GitPortrait - AI 驱动的 GitHub 开发者画像生成工具.md): GitPortrait 是一个专注于将 GitHub 开发者数据转化为可视化画像和可分享卡片的创新平台，为程序员和工程师提供个性化的代码贡献分析和 AI 驱动的洞察。 核心功能 多维度数据可视化 GitHub 数据深度分析：自动分析用户的代码贡献、仓库活跃度、技术栈偏好等多维度数据 可分享卡片生成：一键生成精美的个人开发者画像卡片，支持多种模板（Linktree、Flomo、Multidimension、AI Portrait 等） 排行榜系统：公开的开发者排行榜，展示活跃度和贡献度排名，激发社区参与 AI 驱动的智能分析
- [GitHub Card - 以图片或链接形式分享你的 Github 贡献卡片](/2025/05/28/GitHub Card - 以图片或链接形式分享你的 Github 贡献卡片.md): GitHub Card 是一个在线工具，能够将 GitHub 用户资料转换为精美的个人名片。通过 OAuth 认证获取用户 GitHub 数据，自动生成包含贡献统计、编程语言分析等信息的可视化卡片。用户可以选择不同模板定制个性化展示，支持一键下载高清图片或者复制分享链接，便于分享到社交平台，并提供了开发者排行榜功能。适合开发者展示个人技术实力和项目成就。
- [New Countdown Timer 浏览器倒计时扩展——自定义计时、自定义声音/颜色、云同步、快捷启动列表、动态图标和通知](/2025/05/11/New Countdown Timer 浏览器倒计时扩展.md): New Countdown Timer 是一款多功能的浏览器倒计时工具，帮助你以精准和灵活的方式管理时间。除了简单的倒计时外，该扩展还允许你为不同任务创建、保存和管理多个自定义计时器，无论是专注工作、烹饪还是锻炼间隔，都能轻松应对。
- [New Countdown Timer——AI 全流程驱动的 Chrome 扩展开发实录](/2025/04/29/New-Countdown-Timer——AI全流程驱动的Chrome扩展开发实录.md): 红茶中当以滇红最为馥郁，滇红中又以金芽最为鲜甜。 金芽红茶取自茶株芽头，通常一杯金芽的最佳饮用周期是前六泡，第 1-2 泡茶质未开，汤色偏白，醇浓中略带茶涩，仿佛人之青年；第 3-4 泡茶质舒展，汤色微红，口感香甜醇厚，仿佛人至中年，这也是一杯金芽的最佳饮用时期；第 5-6 泡茶质疏软，茶涩尽褪，口感柔滑中不失爽口，仿佛人之暮年。要得到金芽的最佳口感需要严格把控冲泡时间，水温以 85 度为宜，第一泡冲泡时间不能超过 7 秒，第二泡 14 秒，第三泡 30 秒，第四泡 1 分钟，第五泡 2 分钟，第六泡 5 分钟。因为金芽非常细嫩，冲泡过久容易损伤茶叶内质…
- [Hello Hexo Again](/2023/05/06/HelloHexoAgain.md): 这个博客是用 Hexo 构建的，最近换电脑 Hexo 博文源文件全部丢失了，这才发现像 Hexo 这种构建工具需要特别注意源文件备份，否则数据风险还挺高的。如果像我一样源文件已然丢失，其实也没有什么好的恢复方法，只能手动再配置一遍主题，再将博文搬运过来。 这个过程非常需要 html 转 markdown 工具，比如我用的这个，如果文章数量不太多，其实也花不了太多时间。而且这个重建博客的过程中往往我们会解决很多之前不完美而又懒得解决的问题。本文主要记录一下这两天我遇到的问题和解决过程。
- [网络视频的防盗与破解](/2022/05/26/网络视频的防盗与破解.md): 网络视频（Web 视频）是指利用 HTML5 技术在浏览器中播放的视频，这类视频资源通常可以被随意下载，某些行业（比如教培行业）如果希望保护自己的视频资源不被下载，就需要对视频做防盗链处理。
- [搬砖狗年度好物推荐-《职场的真相》](/2019/12/16/2019-good-lesson.md): 今年下半年换了个团队，建制还不完整，忙的一逼，博客也有一阵子没时间更新了。 虽然我们常说忙点总比不忙好，但忙这件事也有边际效应，比如最近我就感受很深，一个人当三个人使，忙的底儿掉，但我的能力会因此等比增长吗？肯定不会，因为没有时间思考，没有时间复盘，这种程度的忙，从个人成长的角度早已达到了收益边际，超出的部分完全是不计回报的，可以算是放眼未来的一种风险投资吧。
- [阿里P7前端高级工程师，都需要掌握哪些技术栈？](/2019/08/02/vip-kaikeba-vue-lesson.md): 大家都知道，阿里P7前端高级工程师，基本上是一线前端技术人能达到的最高职级，也是很多程序员追求的目标。达到年薪50W+股票的P7级别，不仅要具备优秀的编程能力，在系统设计能力和技术视野方面，也要有较深的积淀。 最近技术大牛廖雪峰邀请他一位在阿里做前端架构师的朋友，整理出一份xmind——“Web全栈架构师所需技术栈”，对于需要提升技术能力的初中级前端程序员们，提供一些学习方向上的借鉴和参考。