<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[小朱的专栏]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/w20101310</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; w20101310]]></copyright><item><title><![CDATA[阿里云也有Cloudflare Pages，免费建站成功！]]></title><link>https://blog.youkuaiyun.com/w20101310/article/details/168135195</link><guid>https://blog.youkuaiyun.com/w20101310/article/details/168135195</guid><author>w20101310</author><pubDate>Fri, 16 Oct 2026 14:38:28 +0800</pubDate><description><![CDATA[默认提供的测试域名仅适合预览，正式上线建议绑定自己的域名（如果需要在中国大陆访问，需要使用备案的域名）。]]></description><category></category></item><item><title><![CDATA[免费在线 MP3、录音、视频转文本工具推荐对比]]></title><link>https://blog.youkuaiyun.com/w20101310/article/details/164330310</link><guid>https://blog.youkuaiyun.com/w20101310/article/details/164330310</guid><author>w20101310</author><pubDate>Thu, 03 Sep 2026 11:57:35 +0800</pubDate><description><![CDATA[ToolGarden是一个免注册的本地音频转文字工具，适合处理短MP3、录音和采访片段。]]></description><category></category></item><item><title><![CDATA[在线音频分轨怎么用？本地分离人声、伴奏、鼓、贝斯、吉他和钢琴]]></title><link>https://blog.youkuaiyun.com/w20101310/article/details/164330181</link><guid>https://blog.youkuaiyun.com/w20101310/article/details/164330181</guid><author>w20101310</author><pubDate>Thu, 03 Sep 2026 11:51:55 +0800</pubDate><description><![CDATA[本文介绍一款浏览器本地音频分轨工具，无需安装大型软件即可从歌曲中分离人声、鼓、贝斯等声部。它基于开源HT-Demucs模型，支持4轨和6轨输出，适合伴奏制作、乐器练习等场景。所有处理均在本地完成，不上传音频文件，但首次需下载模型，且对内存有较高要求。]]></description><category></category></item><item><title><![CDATA[在线音频分轨网站推荐：5 款人声、伴奏与乐器分离工具对比]]></title><link>https://blog.youkuaiyun.com/w20101310/article/details/163670840</link><guid>https://blog.youkuaiyun.com/w20101310/article/details/163670840</guid><author>w20101310</author><pubDate>Tue, 11 Aug 2026 16:18:27 +0800</pubDate><description><![CDATA[在线音频分轨工具对比与选择指南 本文对比了5款主流在线音频分轨工具（ToolGarden、Moises、BandLabSplitter、VocalRemover.org和LALAL.AI），从免费额度、处理方式（本地/云端）、输出轨道和适用场景等方面进行分析： ToolGarden：完全免费，支持浏览器本地处理，隐私性强，可输出4轨或6轨WAV，适合重视隐私和免费导出的用户。 Moises：免费版有限制，云端处理，集成变速、变调等功能，适合练琴练唱。 BandLabSplitter：基础功能免费，云端处理，]]></description><category></category></item><item><title><![CDATA[Harness Engineering 实践：我让 Claude 对项目做了一次改造]]></title><link>https://blog.youkuaiyun.com/w20101310/article/details/163472503</link><guid>https://blog.youkuaiyun.com/w20101310/article/details/163472503</guid><author>w20101310</author><pubDate>Tue, 04 Aug 2026 14:01:38 +0800</pubDate><description><![CDATA[文章摘要： 本文记录了AI辅助重构一个在线工具箱项目的全过程。项目从单功能JSON格式化工具扩展为80+工具的集合，通过Harness Engineering方法实现了架构优化。关键改造包括：建立统一工具注册中心、分层架构设计、提取业务逻辑、标准化SEO和响应式规范。这些改造形成了可复用的工程规则，如单一事实源、Registry驱动开发、页面轻量化等。最终项目具备了良好的扩展性和一致性，同时沉淀了完整的开发规范文档，展示了AI在系统工程中的辅助价值。]]></description><category></category></item><item><title><![CDATA[你可能会用到的一些CSS小技巧]]></title><link>https://blog.youkuaiyun.com/w20101310/article/details/163294411</link><guid>https://blog.youkuaiyun.com/w20101310/article/details/163294411</guid><author>w20101310</author><pubDate>Wed, 29 Jul 2026 10:08:51 +0800</pubDate><description><![CDATA[本文整理了17个实用的CSS技巧，可解决日常开发中的常见问题，如点击区域过小、图片布局错乱、SVG颜色控制等。这些技巧无需JavaScript或额外库，仅需使用容易被忽略的CSS属性即可实现： 通过伪元素扩大点击热区 使用:has()根据子元素控制父元素样式 currentColor让SVG自动继承文字颜色 drop-shadow()为透明图片添加自然阴影 scroll-margin-top避免锚点被导航栏遮挡 object-fit控制图片裁剪方式 aspect-ratio保持元素宽高比 clamp()实现]]></description><category></category></item><item><title><![CDATA[SVG 转 PNG 踩坑记录，重新理解矢量图转位图]]></title><link>https://blog.youkuaiyun.com/w20101310/article/details/162838790</link><guid>https://blog.youkuaiyun.com/w20101310/article/details/162838790</guid><author>w20101310</author><pubDate>Mon, 13 Jul 2026 12:53:40 +0800</pubDate><description><![CDATA[本文分享了开发工具站ToolGarden时遇到的SVG转PNG模糊问题及其解决方案。作者发现SVG作为矢量图，在转换为位图时若直接使用浏览器默认尺寸会导致栅格化分辨率不足。通过分析问题本质，最终采用先3倍超采样再使用Pica库高质量降采样的方法，解决了导出图片模糊的问题。文章总结了关键经验：矢量图转位图的核心在于栅格化尺寸和重采样算法，不同图片格式需要差异化处理，同时需平衡质量与性能。这体现了工具开发中"看不见的细节"对用户体验的决定性作用。]]></description><category></category></item><item><title><![CDATA[为什么有的 JSON 可以带注释？]]></title><link>https://blog.youkuaiyun.com/w20101310/article/details/162430524</link><guid>https://blog.youkuaiyun.com/w20101310/article/details/162430524</guid><author>w20101310</author><pubDate>Mon, 29 Jun 2026 21:08:32 +0800</pubDate><description><![CDATA[标准 JSON 不允许注释。TypeScript 使用的是 JSONC（JSON with Comments）。JSONC 是为了让配置文件更易读、更易维护。JSON5 则提供了更多 JavaScript 风格的语法扩展。对于开发者来说，配置文件带注释几乎已经成为现代工具链的标配。理解 JSON、JSONC 和 JSON5 的区别，也能帮助我们在不同场景下选择合适的数据格式。下次再看到 tsconfig.json 里的注释，就不用疑惑了——它其实不是严格意义上的 JSON，而是 JSONC。]]></description><category></category></item><item><title><![CDATA[我做了一个 AI 歌词时间轴生成工具：再也不用手工制作 LRC 了]]></title><link>https://blog.youkuaiyun.com/w20101310/article/details/161789588</link><guid>https://blog.youkuaiyun.com/w20101310/article/details/161789588</guid><author>w20101310</author><pubDate>Mon, 08 Jun 2026 09:50:18 +0800</pubDate><description><![CDATA[这篇文章介绍了一个名为"lrc-generator"的开源AI工具，它能自动为音频文件生成带时间轴的LRC歌词文件。该工具基于OpenAI Whisper语音识别技术，支持多种语言，主要特点包括：自动识别音频内容并生成歌词时间轴、支持已有歌词文本的对齐、智能纠错功能、多种模型选择、音频自动转换、MCP服务接口和在线预览等。使用简单，只需提供音频文件即可自动生成LRC，适用于音乐播放器、视频字幕制作、播客转录等场景。该项目旨在通过AI技术替代传统手工制作LRC歌词的繁琐过程，提高效率。作者在GitHub开源了]]></description><category></category></item><item><title><![CDATA[互联网越来越卷，普通人还能去哪里找机会(一)]]></title><link>https://blog.youkuaiyun.com/w20101310/article/details/161602406</link><guid>https://blog.youkuaiyun.com/w20101310/article/details/161602406</guid><author>w20101310</author><pubDate>Mon, 01 Jun 2026 22:42:07 +0800</pubDate><description><![CDATA[相比已经高度成熟的互联网行业，Web3仍处于早期发展阶段新产品不断出现新赛道持续诞生全球资本持续进入人才供给远远不足Web3的竞争密度远低于传统互联网。在今天的互联网行业：一个运营岗位可能收到上千份简历；一个产品经理岗位有几十位大厂候选人竞争；一个热门赛道往往已被巨头垄断。而在Web3领域：很多项目长期招不到合适的人；优秀设计师、产品经理、开发者依然稀缺；大量岗位开放全球远程招聘；很多细分赛道甚至尚未形成真正的竞争格局。一句话总结互联网行业比拼的是存量市场里的竞争能力；]]></description><category></category></item><item><title><![CDATA[快速了解 Web3 核心的概念]]></title><link>https://blog.youkuaiyun.com/w20101310/article/details/161592404</link><guid>https://blog.youkuaiyun.com/w20101310/article/details/161592404</guid><author>w20101310</author><pubDate>Mon, 01 Jun 2026 14:15:35 +0800</pubDate><description><![CDATA[【150字摘要】针对Web3新手学习资料繁杂难懂的问题，开源项目web3-101以简明语言解析核心概念，涵盖基础认知、钱包/NFT/DeFi/DAO等模块。项目强调Web3本质是新型互联网架构，实现用户对数字身份与资产的真正拥有（钱包即身份、区块链为账本、智能合约执行规则）。不同于Web1/2，Web3解决"拥有互联网"问题，涉及数字所有权、开放协议等前沿议题。建议新手先建立基础认知再探索具体应用，该仓库提供系统化入门指南，持续更新中。]]></description><category></category></item><item><title><![CDATA[又到年中了，OKR应该怎么定？]]></title><link>https://blog.youkuaiyun.com/w20101310/article/details/161513532</link><guid>https://blog.youkuaiyun.com/w20101310/article/details/161513532</guid><author>w20101310</author><pubDate>Fri, 29 May 2026 11:57:35 +0800</pubDate><description><![CDATA[开发人员设定 OKR，可以记住一句话：不要写“我会做什么”，要写“我会让什么变得更好”。来自真实问题：不是为了填表，而是解决当前系统、流程或团队中的关键痛点。结果可以验证：能用数据、交付物、覆盖率、接入量、故障率、效率变化等方式衡量。能带来长期价值：不只是完成一次需求，而是提升系统能力、团队效率和工程质量。对开发人员来说，OKR 不是额外负担。写得好的 OKR，反而能帮你从“被需求推着走”，变成“主动推动重要问题被解决”。]]></description><category></category></item><item><title><![CDATA[写好KPI，不再为低绩效烦恼]]></title><link>https://blog.youkuaiyun.com/w20101310/article/details/161464047</link><guid>https://blog.youkuaiyun.com/w20101310/article/details/161464047</guid><author>w20101310</author><pubDate>Thu, 28 May 2026 00:09:10 +0800</pubDate><description><![CDATA[很多开发同学习惯把 KPI 想得很大：要做平台、要做系统、要做架构升级、要做全链路治理。这些当然都可以。一个页面太慢一个流程经常报错一个组件反复被复制一次发布总要等半天一个接口字段变化总是出 bug一个新人接项目总是问同样的问题一个线上问题每次都要靠老同学手动排查一个文档每次都没人维护一个测试用例每次都没人补一个表单页面每次都从零写把这些小问题抓出来，做成小专项，有指标、有结果、有复盘，就是很好的 KPI 项目。]]></description><category></category></item><item><title><![CDATA[快速理解 Git submodule]]></title><link>https://blog.youkuaiyun.com/w20101310/article/details/160015921</link><guid>https://blog.youkuaiyun.com/w20101310/article/details/160015921</guid><author>w20101310</author><pubDate>Fri, 10 Apr 2026 11:40:43 +0800</pubDate><description><![CDATA[submodule = 在一个 Git 仓库里，引用另一个 Git 仓库的某个提交。–recursive 表示如果子模块里还有子模块，也一并处理。•	主仓库只记录“我现在依赖它的哪个 commit”•	需要固定依赖在某个版本，而不是总跟着最新代码跑。•	主仓库不直接“吃进去”另一个仓库的全部历史。•	而是记录那个子仓库当前指向的 commit。•	别人拉主仓库时，也能把这个子仓库一起拉下来。•	你的项目依赖一个独立组件，但你。•	子仓库仍然是独立 Git 仓库。它里面其实是另一个 Git 仓库。]]></description><category></category></item><item><title><![CDATA[Harness Engineering 前端开发的下一个阶段]]></title><link>https://blog.youkuaiyun.com/w20101310/article/details/159678440</link><guid>https://blog.youkuaiyun.com/w20101310/article/details/159678440</guid><author>w20101310</author><pubDate>Tue, 31 Mar 2026 10:16:15 +0800</pubDate><description><![CDATA[最近大家都在聊 OpenAI 提出的（驾驭工程）。刚看到这个词时，我以为是又一套 AI 编程方法论，详细了解了一下，发现它说的其实是工作方式的底层转变：当开发者的主要工作不再是亲手写代码，而是设计环境、明确意图、搭建反馈回路，让智能体可靠完成工作时，工程方式就变了。对前端来说，天然有一套"可视化验证 + 组件约束 + 自动检查"的体系，只是以前用来约束人，现在可以用来约束 AI。]]></description><category></category></item><item><title><![CDATA[我用AI“ vibe“出了一个小程序的记录和感想]]></title><link>https://blog.youkuaiyun.com/w20101310/article/details/157430795</link><guid>https://blog.youkuaiyun.com/w20101310/article/details/157430795</guid><author>w20101310</author><pubDate>Tue, 27 Jan 2026 13:42:13 +0800</pubDate><description><![CDATA[摘要：作者利用Vibe Coding和AI工具在一天内开发完成了一款人脸相似度对比小程序。开发过程完全由AI生成代码，包括页面设计、前后端开发、数据准备和部署。通过调用旷视API实现人脸识别和相似度评分功能，并使用AI生成文案和Canvas绘制结果页。作者总结指出AI大幅降低了开发门槛，使独立开发小工具变得简单高效，建议开发者尽早拥抱AI技术变革。该案例展示了AI辅助开发的完整流程和显著效率提升。（149字）]]></description><category></category></item><item><title><![CDATA[【文心快码】确实有点东西！]]></title><link>https://blog.youkuaiyun.com/w20101310/article/details/147565841</link><guid>https://blog.youkuaiyun.com/w20101310/article/details/147565841</guid><author>w20101310</author><pubDate>Sun, 27 Apr 2025 19:47:11 +0800</pubDate><description><![CDATA[前两天百度在2025 百度AI开发者大会上发布了文心快码，注册试用了一下，感觉改善很不错的，比其他的开发助手要好很多，类似Trae和Cursor，个人感觉比Trae应用起来体验好很多，至少不用排队，功能也很非常强。“帮我创建一个Electron应用，实现一个MarkDown编辑器的功能，需要实现”所见即所得“，类似Typaro，尽量使用开源软件，包含完整的开发和编译流程”自动应用之后，可以满足需求，可以编辑时，所见即所得。底部新增了一个📌，点击之后窗口会置顶。]]></description><category></category></item><item><title><![CDATA[搞懂TypeScript的类型声明的方方面面]]></title><link>https://blog.youkuaiyun.com/w20101310/article/details/133950251</link><guid>https://blog.youkuaiyun.com/w20101310/article/details/133950251</guid><author>w20101310</author><pubDate>Fri, 20 Oct 2023 18:55:02 +0800</pubDate><description><![CDATA[在 NPM 上会有对应的标签，使用TypeScript编写，会展示有TS标识：DefinitelyTyped中维护类型定义，会展示有DT使用TypeScript 开发的项目中可以通过tsc"declaration": true, // 用于指定是否在编译完成后生成相应的*.d.ts文件"emitDeclarationOnly": true // 只生成声明文件, 不会生成js文件和上文介绍的 vue 一样，在中通过"types"或"typings"字段来指定类型声明文件即可。]]></description><category></category></item><item><title><![CDATA[搞懂TypeScript中的类型断言和使用场景]]></title><link>https://blog.youkuaiyun.com/w20101310/article/details/126001370</link><guid>https://blog.youkuaiyun.com/w20101310/article/details/126001370</guid><author>w20101310</author><pubDate>Tue, 26 Jul 2022 19:09:20 +0800</pubDate><description><![CDATA[TypeScript的类型断言看起来概念比较简单，但是对于刚接触TypeScript的使用者，可能对使用场景缺少认识，希望本文可以帮助你更了解类型断言。当你使用一个值，但是TypeScript不知道具体类型或者TypeScript记录的类型没有办法满足使用要求时，可以使用类型断言来明确指定为自己想要使用的类型。......]]></description><category></category></item><item><title><![CDATA[jsDelivr失效了，用什么免费图床比较靠谱？]]></title><link>https://blog.youkuaiyun.com/w20101310/article/details/125874416</link><guid>https://blog.youkuaiyun.com/w20101310/article/details/125874416</guid><author>w20101310</author><pubDate>Tue, 19 Jul 2022 16:57:26 +0800</pubDate><description><![CDATA[jsDelivr 失效，国内无法访问，还是自制图床靠谱]]></description><category></category></item></channel></rss>