<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[wscfan的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/wscfan</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; wscfan]]></copyright><item><title><![CDATA[pnpm zip命令详解]]></title><link>https://blog.youkuaiyun.com/wscfan/article/details/161570695</link><guid>https://blog.youkuaiyun.com/wscfan/article/details/161570695</guid><author>wscfan</author><pubDate>Sun, 31 May 2026 19:19:02 +0800</pubDate><description><![CDATA[pnpm zip 是 pnpm v7.0.0 引入的实验性命令，用于将项目打包成 ZIP 文件。与 pnpm pack 相比，输出格式为 ZIP 且支持依赖打包。]]></description><category></category></item><item><title><![CDATA[通过配置驱动前端页面的实现方法]]></title><link>https://blog.youkuaiyun.com/wscfan/article/details/159681733</link><guid>https://blog.youkuaiyun.com/wscfan/article/details/159681733</guid><author>wscfan</author><pubDate>Tue, 31 Mar 2026 11:08:52 +0800</pubDate><description><![CDATA[配置驱动开发（CDD）通过外部配置控制前端页面行为，提升灵活性和可维护性。核心是将页面结构、样式等抽象为JSON/YAML数据，通过解析引擎动态渲染组件。]]></description><category></category></item><item><title><![CDATA[Claude Code 多项目管理方案]]></title><link>https://blog.youkuaiyun.com/wscfan/article/details/158420327</link><guid>https://blog.youkuaiyun.com/wscfan/article/details/158420327</guid><author>wscfan</author><pubDate>Thu, 26 Feb 2026 10:44:23 +0800</pubDate><description><![CDATA[本文介绍了Claude Code多项目管理方案，该方案实现了项目规范的自动化遵守、跨会话任务共享和多项目协同开发，显著提升AI辅助编程的效率与一致性。]]></description><category></category></item><item><title><![CDATA[Git Restore 命令教程]]></title><link>https://blog.youkuaiyun.com/wscfan/article/details/156603600</link><guid>https://blog.youkuaiyun.com/wscfan/article/details/156603600</guid><author>wscfan</author><pubDate>Mon, 05 Jan 2026 14:14:07 +0800</pubDate><description><![CDATA[git restore 是 Git 2.23 版本引入的一个相对新的命令，用于恢复工作目录或暂存区中的文件。它提供了一个直观的方式来撤销更改，取代了之前使用 git checkout 的一些用法。]]></description><category></category></item><item><title><![CDATA[Vite项目中打包环境变量教程]]></title><link>https://blog.youkuaiyun.com/wscfan/article/details/155810045</link><guid>https://blog.youkuaiyun.com/wscfan/article/details/155810045</guid><author>wscfan</author><pubDate>Thu, 11 Dec 2025 10:57:50 +0800</pubDate><description><![CDATA[本文详细介绍了在Vite项目中配置和使用环境变量的完整流程，帮助开发者安全高效地管理不同环境下的应用配置。]]></description><category></category></item><item><title><![CDATA[CSS rem单位]]></title><link>https://blog.youkuaiyun.com/wscfan/article/details/151323662</link><guid>https://blog.youkuaiyun.com/wscfan/article/details/151323662</guid><author>wscfan</author><pubDate>Mon, 08 Sep 2025 15:10:31 +0800</pubDate><description><![CDATA[rem 是CSS中的一个相对长度单位。它相对于根元素（通常是 <html> 元素）的字体大小来计算。]]></description><category></category></item><item><title><![CDATA[CSS Position 属性]]></title><link>https://blog.youkuaiyun.com/wscfan/article/details/151221619</link><guid>https://blog.youkuaiyun.com/wscfan/article/details/151221619</guid><author>wscfan</author><pubDate>Fri, 05 Sep 2025 14:16:19 +0800</pubDate><description><![CDATA[CSS position 属性用于指定一个元素在文档中的定位方法。通过设置不同的position值，我们可以控制元素如何相对于其正常位置、父元素或浏览器窗口进行定位。]]></description><category></category></item><item><title><![CDATA[documentPictureInPicture API 教程]]></title><link>https://blog.youkuaiyun.com/wscfan/article/details/149804073</link><guid>https://blog.youkuaiyun.com/wscfan/article/details/149804073</guid><author>wscfan</author><pubDate>Thu, 31 Jul 2025 13:43:34 +0800</pubDate><description><![CDATA[documentPictureInPicture API 是一个强大的 Web API，允许开发者创建始终置顶的浮动窗口，用户可以在其中放置任意的 HTML 内容。与传统的视频画中画不同，这个 API 支持完整的 DOM 内容，包括交互式元素、表单、按钮等。]]></description><category></category></item><item><title><![CDATA[CSS媒体查询]]></title><link>https://blog.youkuaiyun.com/wscfan/article/details/149444502</link><guid>https://blog.youkuaiyun.com/wscfan/article/details/149444502</guid><author>wscfan</author><pubDate>Fri, 18 Jul 2025 14:25:32 +0800</pubDate><description><![CDATA[CSS媒体查询（Media Queries）是CSS3引入的一个重要特性，允许开发者根据设备特性（如屏幕宽度、高度、分辨率等）应用不同的CSS样式。这是实现响应式设计的核心技术。]]></description><category></category></item><item><title><![CDATA[Vue3 插件教程]]></title><link>https://blog.youkuaiyun.com/wscfan/article/details/148869830</link><guid>https://blog.youkuaiyun.com/wscfan/article/details/148869830</guid><author>wscfan</author><pubDate>Tue, 24 Jun 2025 13:41:35 +0800</pubDate><description><![CDATA[Vue3插件是一个对象或函数，它可以为Vue应用添加全局功能。插件通常用来添加全局方法、指令、过渡效果、全局组件或provide/inject组合等功能。]]></description><category></category></item><item><title><![CDATA[iframe属性介绍]]></title><link>https://blog.youkuaiyun.com/wscfan/article/details/148763759</link><guid>https://blog.youkuaiyun.com/wscfan/article/details/148763759</guid><author>wscfan</author><pubDate>Thu, 19 Jun 2025 12:39:56 +0800</pubDate><description><![CDATA[iframe（内联框架）是HTML中用于在当前页面中嵌入另一个网页的元素。它创建了一个独立的浏览上下文，可以加载外部或内部的HTML文档。]]></description><category></category></item><item><title><![CDATA[HTML滚动条教程]]></title><link>https://blog.youkuaiyun.com/wscfan/article/details/148735016</link><guid>https://blog.youkuaiyun.com/wscfan/article/details/148735016</guid><author>wscfan</author><pubDate>Wed, 18 Jun 2025 11:03:02 +0800</pubDate><description><![CDATA[滚动条虽然是一个小的UI元素，但对用户体验有重要影响。通过合理的样式设计，可以让滚动条与整体设计风格保持一致，同时确保良好的可用性和可访问性。]]></description><category></category></item><item><title><![CDATA[event.dataTransfer 教程]]></title><link>https://blog.youkuaiyun.com/wscfan/article/details/148470560</link><guid>https://blog.youkuaiyun.com/wscfan/article/details/148470560</guid><author>wscfan</author><pubDate>Fri, 06 Jun 2025 10:59:33 +0800</pubDate><description><![CDATA[event.dataTransfer是 HTML5 拖拽 API 的核心对象，它提供了在拖拽操作过程中传递数据的机制。无论是拖拽文本、图片、文件还是自定义数据，都需要通过这个对象来实现数据的存储和获取。]]></description><category></category></item><item><title><![CDATA[import.meta详解]]></title><link>https://blog.youkuaiyun.com/wscfan/article/details/148001755</link><guid>https://blog.youkuaiyun.com/wscfan/article/details/148001755</guid><author>wscfan</author><pubDate>Fri, 16 May 2025 10:54:14 +0800</pubDate><description><![CDATA[import.meta是 JavaScript 模块系统中的一个特殊对象，它提供了关于当前模块的元数据信息。这个特性是在 ES2020（ECMAScript 2020）规范中正式引入的。]]></description><category></category></item><item><title><![CDATA[EJS教程]]></title><link>https://blog.youkuaiyun.com/wscfan/article/details/148001283</link><guid>https://blog.youkuaiyun.com/wscfan/article/details/148001283</guid><author>wscfan</author><pubDate>Fri, 16 May 2025 10:37:39 +0800</pubDate><description><![CDATA[EJS (Embedded JavaScript)是一种简单而强大的JavaScript模板引擎，它让你能够在HTML页面中嵌入JavaScript代码。与其他模板引擎相比，EJS的语法非常接近原生JavaScript，学习曲线较低，特别适合已经熟悉JavaScript的开发者。]]></description><category></category></item><item><title><![CDATA[BroadcastChannel API 教程]]></title><link>https://blog.youkuaiyun.com/wscfan/article/details/147788367</link><guid>https://blog.youkuaiyun.com/wscfan/article/details/147788367</guid><author>wscfan</author><pubDate>Thu, 08 May 2025 14:18:53 +0800</pubDate><description><![CDATA[BroadcastChannel API 是一个强大的 Web API，允许同源的浏览器上下文（如窗口、标签页、iframe、worker 等）之间进行通信。]]></description><category></category></item><item><title><![CDATA[URLPattern API 教程]]></title><link>https://blog.youkuaiyun.com/wscfan/article/details/147782502</link><guid>https://blog.youkuaiyun.com/wscfan/article/details/147782502</guid><author>wscfan</author><pubDate>Thu, 08 May 2025 10:31:12 +0800</pubDate><description><![CDATA[URLPattern API 是一个现代的 Web API，它提供了强大而灵活的 URL 匹配功能。与传统的正则表达式相比，URLPattern 专门为处理 URL 而设计，使得解析、验证和操作 URL 变得更加简单和直观。]]></description><category></category></item><item><title><![CDATA[Vue项目Git提交流程集成]]></title><link>https://blog.youkuaiyun.com/wscfan/article/details/147733048</link><guid>https://blog.youkuaiyun.com/wscfan/article/details/147733048</guid><author>wscfan</author><pubDate>Tue, 06 May 2025 13:49:02 +0800</pubDate><description><![CDATA[本教程将指导你如何在Vue项目中集成一个规范化的Git提交流程，包括代码规范检查、提交信息规范和自动化工具配置。]]></description><category></category></item><item><title><![CDATA[DataTransfer API 教程]]></title><link>https://blog.youkuaiyun.com/wscfan/article/details/147613126</link><guid>https://blog.youkuaiyun.com/wscfan/article/details/147613126</guid><author>wscfan</author><pubDate>Tue, 29 Apr 2025 15:36:19 +0800</pubDate><description><![CDATA[DataTransfer 对象是 HTML 拖放 API 的核心，用于在拖放操作过程中保存和传输数据。它在拖放事件（如 dragstart、dragover、drop 等）中使用，使开发者能够在页面元素之间或应用程序之间传递数据。]]></description><category></category></item><item><title><![CDATA[HTML Picture标签详细教程]]></title><link>https://blog.youkuaiyun.com/wscfan/article/details/147604601</link><guid>https://blog.youkuaiyun.com/wscfan/article/details/147604601</guid><author>wscfan</author><pubDate>Tue, 29 Apr 2025 11:20:35 +0800</pubDate><description><![CDATA[<picture>标签是HTML5中引入的一个强大元素，它为开发者提供了更灵活的图像资源管理方式。该标签主要用于让浏览器根据不同条件（如设备屏幕大小、分辨率或支持的图像格式）选择最适合当前显示环境的图像版本。]]></description><category></category></item></channel></rss>