<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0">
    <channel>
        <title><![CDATA[Zhangwurui.cn]]></title>
        <description><![CDATA[用文字记录生活，留下美好瞬间]]></description>
        <link>https://zhangwurui.cn</link>
        <image>
            <url>https://zhangwurui.cn/icon.png</url>
            <title>Zhangwurui.cn</title>
            <link>https://zhangwurui.cn</link>
        </image>
        <generator>zhangwurui.cn</generator>
        <lastBuildDate>Tue, 23 Jun 2026 18:00:14 GMT</lastBuildDate>
        <atom:link href="https://zhangwurui.cn/rss.xml" rel="self" type="application/rss+xml"/>
        <copyright><![CDATA[2026 Zhangwurui.cn]]></copyright>
        <language><![CDATA[zh]]></language>
        <managingEditor><![CDATA[Superficial]]></managingEditor>
        <webMaster><![CDATA[Superficial]]></webMaster>
        <ttl>60</ttl>
        <category><![CDATA[insight]]></category>
        <category><![CDATA[code]]></category>
        <item>
            <title><![CDATA[一念放下，万般自在]]></title>
            <description><![CDATA[学会放下，学会取舍]]></description>
            <link>https://zhangwurui.cn/article/89</link>
            <guid isPermaLink="false">89</guid>
            <category><![CDATA[insight]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Fri, 18 Oct 2024 05:00:00 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/20241018.jpg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[《好的孤独》有感]]></title>
            <description><![CDATA[这是一本关于如何度过独处时光的书籍，更是引导读者走向内心深处、实现自我超越的精神指南。它提醒着我们，在这个瞬息万变的世界里，学会享受孤独可能是通向更加充实和有意义生活的关键一步。]]></description>
            <link>https://zhangwurui.cn/article/88</link>
            <guid isPermaLink="false">88</guid>
            <category><![CDATA[insight]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Fri, 18 Oct 2024 03:06:08 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/wpremvy2.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[人生就要充满passion]]></title>
            <description><![CDATA[备受人们喜爱的的脱口秀节目重新回归大众视野。“激情改变人生”为主题的首秀中，付航贯彻其“疯猴式”的表演风格，一句极具感染力的“ Passion！”迅速火遍全网。]]></description>
            <link>https://zhangwurui.cn/article/87</link>
            <guid isPermaLink="false">87</guid>
            <category><![CDATA[insight]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Fri, 20 Sep 2024 13:54:24 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/OIP-C.jpg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[《唐朝诡事录之西行》之仵作之死]]></title>
            <description><![CDATA[世间最让人痛心的，不是夫妻反目、恩断情绝，而是明明可以白首相伴，彼此相依，却总觉类日方长，不惜当下，突然某日，天人相隔，方才肝肠寸断，空留意难平！]]></description>
            <link>https://zhangwurui.cn/article/86</link>
            <guid isPermaLink="false">86</guid>
            <category><![CDATA[insight]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Fri, 26 Jul 2024 08:37:52 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/f1f9bdf2433546cfbd1b7f17833dd355.webp" length="0" type="image/webp"/>
        </item>
        <item>
            <title><![CDATA[定义扩展组件样式]]></title>
            <description><![CDATA[@Extend用于扩展原生组件样式]]></description>
            <link>https://zhangwurui.cn/article/85</link>
            <guid isPermaLink="false">85</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Sat, 20 Jan 2024 07:54:24 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/harmonyOS.jpg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[定义组件重用样式]]></title>
            <description><![CDATA[如果每个组件的样式都需要单独设置，在开发过程中会出现大量代码在进行重复样式设置，虽然可以复制粘贴，但为了代码简洁性和后续方便维护，我们推出了可以提炼公共样式进行复用的装饰器@Styles。]]></description>
            <link>https://zhangwurui.cn/article/84</link>
            <guid isPermaLink="false">84</guid>
            <category><![CDATA[insight]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Sun, 14 Jan 2024 10:54:24 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/harmonyOS.jpg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[自定义构建函数]]></title>
            <description><![CDATA[ArkUI提供了一种轻量的UI元素复用机制@Builder，其内部UI结构固定，仅与使用方进行数据传递，开发者可以将重复使用的UI元素抽象成一个方法，在build方法里调用。]]></description>
            <link>https://zhangwurui.cn/article/83</link>
            <guid isPermaLink="false">83</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Wed, 10 Jan 2024 13:08:13 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/harmonyOS.jpg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[页面和自定义组件生命周期]]></title>
            <description><![CDATA[学习了解鸿蒙开发的页面和自定义组件生命周期]]></description>
            <link>https://zhangwurui.cn/article/82</link>
            <guid isPermaLink="false">82</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Thu, 04 Jan 2024 13:08:13 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/harmonyOS.jpg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[自定义组件]]></title>
            <description><![CDATA[在ArkUI中，UI显示的内容均为组件，由框架直接提供的称为系统组件，由开发者定义的称为自定义组件。在进行 UI 界面开发时，通常不是简单的将系统组件进行组合使用，而是需要考虑代码可复用性、业务逻辑与UI分离，后续版本演进等因素。因此，将UI和部分业务逻辑封装成自定义组件是不可或缺的能力。]]></description>
            <link>https://zhangwurui.cn/article/81</link>
            <guid isPermaLink="false">81</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Fri, 29 Dec 2023 06:08:13 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/harmonyOS.jpg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[声明式UI描述]]></title>
            <description><![CDATA[ArkTS以声明方式组合和扩展组件来描述应用程序的UI，同时还提供了基本的属性、事件和子组件配置方法，帮助开发者实现应用交互逻辑。]]></description>
            <link>https://zhangwurui.cn/article/80</link>
            <guid isPermaLink="false">80</guid>
            <category><![CDATA[insight]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Tue, 26 Dec 2023 05:10:04 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/harmonyOS.jpg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[鸿蒙初识]]></title>
            <description><![CDATA[记录学到的知识]]></description>
            <link>https://zhangwurui.cn/article/79</link>
            <guid isPermaLink="false">79</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Sun, 24 Dec 2023 07:56:16 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/harmonyOS.jpg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[维护umi3 项目时时如何解决内存泄漏的]]></title>
            <description><![CDATA[记录维护umi 搭建的 react项目内存泄漏的解决办法]]></description>
            <link>https://zhangwurui.cn/article/78</link>
            <guid isPermaLink="false">78</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Fri, 17 Nov 2023 01:28:52 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/magda.jpg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[使用 customRef 实现防抖]]></title>
            <description><![CDATA[介绍 Vue 3 中的 Ref 和其重要性，以及本文将要涵盖的内容，特别是如何利用 customRef 实现防抖功能]]></description>
            <link>https://zhangwurui.cn/article/77</link>
            <guid isPermaLink="false">77</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Tue, 22 Mar 2022 09:29:40 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/loading.jpg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[用Vue 3编写图片懒加载自定义指令的完整指南]]></title>
            <description><![CDATA[在Web开发中，图片懒加载是提高页面加载速度和性能的重要技术之一。而Vue 3作为当下流行的前端框架，提供了方便易用的自定义指令功能，可以轻松实现图片懒加载效果。本文将介绍如何使用Vue 3编写一个图片懒加载的自定义指令，而且完全不依赖第三方包。
]]></description>
            <link>https://zhangwurui.cn/article/76</link>
            <guid isPermaLink="false">76</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Fri, 22 Oct 2021 09:29:40 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/loading.jpg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[vue3实现水印防篡改]]></title>
            <description><![CDATA[在Vue开发中，我们经常需要实现一些特定功能，比如在网站上显示水印以防止内容被篡改。本文将介绍如何使用Vue和一些特定的Hooks来实现水印防篡改功能。
]]></description>
            <link>https://zhangwurui.cn/article/75</link>
            <guid isPermaLink="false">75</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Thu, 12 Aug 2021 09:29:40 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/loading.jpg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[自定义Hooks实现Loading状态控制]]></title>
            <description><![CDATA[在Vue项目中，经常需要对Loading状态进行管理以提升用户体验。本文将介绍如何使用Vue自定义Hooks实现Loading状态的控制，并提供了一个名为`useLoading`的自定义Hook，能够方便地管理Loading状态。]]></description>
            <link>https://zhangwurui.cn/article/74</link>
            <guid isPermaLink="false">74</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Wed, 02 Jun 2021 09:29:40 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/loading.jpg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[静默之城]]></title>
            <description><![CDATA[第一次感觉到危险离我们这么近]]></description>
            <link>https://zhangwurui.cn/article/73</link>
            <guid isPermaLink="false">73</guid>
            <category><![CDATA[insight]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Wed, 08 Apr 2020 05:51:10 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/th.jpeg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[实现一个优雅的单位转换函数]]></title>
            <description><![CDATA[做项目的时候碰到后端返回一个数字，单位是Kb,页面需要展示成，KB，MB，GB等单位]]></description>
            <link>https://zhangwurui.cn/article/72</link>
            <guid isPermaLink="false">72</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Thu, 12 Mar 2020 04:27:00 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/formatUnit.jpg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[真实之心灵鸡汤]]></title>
            <description><![CDATA[记录一些比较现实而又扎心的经典语录]]></description>
            <link>https://zhangwurui.cn/article/71</link>
            <guid isPermaLink="false">71</guid>
            <category><![CDATA[insight]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Thu, 20 Feb 2020 02:03:05 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/quotations.jpg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[使用 PM2 管理 node 服务]]></title>
            <description><![CDATA[使用 PM2 管理 node 服务]]></description>
            <link>https://zhangwurui.cn/article/70</link>
            <guid isPermaLink="false">70</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Fri, 17 Jan 2020 13:04:00 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/pm2.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[搭建Flutter开发环境]]></title>
            <description><![CDATA[在windows上搭建Flutter开发环境，Flutter依赖下面这些命令行工具]]></description>
            <link>https://zhangwurui.cn/article/69</link>
            <guid isPermaLink="false">69</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Thu, 09 Jan 2020 11:00:00 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/flutter.jpeg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[JS常见排序算法]]></title>
            <description><![CDATA[在这里，你可以学到常见的JavaScript常见排序算法]]></description>
            <link>https://zhangwurui.cn/article/68</link>
            <guid isPermaLink="false">68</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Tue, 17 Dec 2019 13:09:27 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/sort.jpg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[nginx配置SSL证书]]></title>
            <description><![CDATA[配置 Nginx 以支持 SSL，从而启用 HTTPS。]]></description>
            <link>https://zhangwurui.cn/article/67</link>
            <guid isPermaLink="false">67</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Sat, 07 Dec 2019 05:12:49 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/nginx.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[封装通用axios请求库]]></title>
            <description><![CDATA[对 Axios 进行封装并统一管理 API 接口，本文将将指导你如何进行 Axios 的基本封装以及如何构建一个简单的 API 接口管理模块。]]></description>
            <link>https://zhangwurui.cn/article/66</link>
            <guid isPermaLink="false">66</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Wed, 27 Nov 2019 04:39:42 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/axios.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[Vue常用的UI组件库]]></title>
            <description><![CDATA[记录一些常用的UI组件库]]></description>
            <link>https://zhangwurui.cn/article/65</link>
            <guid isPermaLink="false">65</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Wed, 16 Oct 2019 05:59:55 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/vue.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[系统下载]]></title>
            <description><![CDATA[推荐一个下载Windows系统的网站]]></description>
            <link>https://zhangwurui.cn/article/64</link>
            <guid isPermaLink="false">64</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Sun, 06 Oct 2019 03:28:19 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/window.jpg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[VS Code 安装以及主题，字体配置]]></title>
            <description><![CDATA[工欲善其事必先利其器，本篇文章讲解安装VS Code以及主题配置。]]></description>
            <link>https://zhangwurui.cn/article/63</link>
            <guid isPermaLink="false">63</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Fri, 27 Sep 2019 03:28:19 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/vscode_settings.jpg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[利用高德地图API获取天气]]></title>
            <description><![CDATA[通过高德地图API获取浏览器定位信息，创建标记，查询城市天气并通过infoWindow显示]]></description>
            <link>https://zhangwurui.cn/article/62</link>
            <guid isPermaLink="false">62</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Thu, 19 Sep 2019 16:11:43 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/weather.jpg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[一行 CSS 让整站变灰]]></title>
            <description><![CDATA[国家公祭日当天，各大电商、娱乐等网站为了追忆逝者，缅怀英烈将整个网站页面设置成灰白色调。有一些学习前端的小伙伴看到就不禁思考如何实现。]]></description>
            <link>https://zhangwurui.cn/article/61</link>
            <guid isPermaLink="false">61</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Tue, 10 Sep 2019 01:36:32 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/filter.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[使用CLI脚手架搭建Vue项目]]></title>
            <description><![CDATA[本文将从安装Node.js环境开始，逐步完成使用Vue CLI脚手架创建Vue 2项目的全过程。]]></description>
            <link>https://zhangwurui.cn/article/60</link>
            <guid isPermaLink="false">60</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Sun, 01 Sep 2019 14:27:55 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/project.jpg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[利用浏览器API复制文本到剪切板]]></title>
            <description><![CDATA[利用原生JavaScript，实现复制文本或数据到用户的剪贴板是一项常见的需求，比如复制分享链接、文本信息等]]></description>
            <link>https://zhangwurui.cn/article/59</link>
            <guid isPermaLink="false">59</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Fri, 23 Aug 2019 04:17:38 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/clipboard.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[标签页间通信 - 播放音乐]]></title>
            <description><![CDATA[利用BroadcastChannel实现标签页间通信播放音乐]]></description>
            <link>https://zhangwurui.cn/article/58</link>
            <guid isPermaLink="false">58</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Sat, 17 Aug 2019 09:35:04 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/broadcastChannel.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[使用nodemailer发送邮件]]></title>
            <description><![CDATA[在当今的网络应用开发中，电子邮件仍然是一个重要的通信渠道，无论是用于用户注册验证、密码重置，还是系统通知和营销信息。`Nodemailer`是一个广受好评的Node.js库，它使得从Node.js应用程序中发送电子邮件变得简单而高效。本文将引导你完成使用Nodemailer发送邮件的基本步骤，并探讨一些高级功能，帮助你提升应用的用户体验。]]></description>
            <link>https://zhangwurui.cn/article/57</link>
            <guid isPermaLink="false">57</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Wed, 07 Aug 2019 09:35:04 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/nodemailer.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[javascript对象深拷贝和浅拷贝]]></title>
            <description><![CDATA[数据的复制是一个常见需求，而理解深拷贝与浅拷贝的区别对于避免意外的数据修改至关重要。]]></description>
            <link>https://zhangwurui.cn/article/56</link>
            <guid isPermaLink="false">56</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Mon, 15 Jul 2019 05:59:11 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/copy.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[nvm的切换node版本]]></title>
            <description><![CDATA[作为前端开发人员，必然需要使用到node环境来安装各种依赖的。但是会出现**node**版本问题而导致安装失败的问题。于是我们可以通过使用**nvm**来管理node版本。]]></description>
            <link>https://zhangwurui.cn/article/55</link>
            <guid isPermaLink="false">55</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Fri, 05 Jul 2019 05:59:11 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/nvm.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[nrm的使用]]></title>
            <description><![CDATA[nrm 是一个 npm 源管理工具，可以方便的切换 npm 源，并且可以保存多个源供选择。]]></description>
            <link>https://zhangwurui.cn/article/54</link>
            <guid isPermaLink="false">54</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Wed, 26 Jun 2019 05:59:11 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/nrm.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[vue中的data属性]]></title>
            <description><![CDATA[在Vue组件的构造中，`data`属性占据了核心地位，负责承载组件的状态信息。值得注意的是，Vue推荐开发者将`data`定义为一个函数，而非直观上的对象。]]></description>
            <link>https://zhangwurui.cn/article/53</link>
            <guid isPermaLink="false">53</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Wed, 19 Jun 2019 01:01:26 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/data.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[v-model 双向绑定原理]]></title>
            <description><![CDATA[讲解 `v-model` 的工作原理，揭开其背后的神秘面纱。]]></description>
            <link>https://zhangwurui.cn/article/52</link>
            <guid isPermaLink="false">52</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Tue, 11 Jun 2019 01:01:26 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/v-model.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[Vue初识]]></title>
            <description><![CDATA[记录自己学习使用Vue]]></description>
            <link>https://zhangwurui.cn/article/51</link>
            <guid isPermaLink="false">51</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Tue, 04 Jun 2019 08:52:30 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/vue.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[CSS边距重叠]]></title>
            <description><![CDATA[当两个垂直相邻的元素（通常为块级元素）的外边距相遇时，并非简单地相加，而是取两者中的最大值作为实际的外边距。这一现象主要发生在同方向的相邻外边距上，尤其是上下相邻的块级元素之间]]></description>
            <link>https://zhangwurui.cn/article/50</link>
            <guid isPermaLink="false">50</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Thu, 23 May 2019 08:52:30 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/overlap.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[闭包]]></title>
            <description><![CDATA[一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。]]></description>
            <link>https://zhangwurui.cn/article/49</link>
            <guid isPermaLink="false">49</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Tue, 14 May 2019 09:22:27 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/closure.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[typeof null的输出结果]]></title>
            <description><![CDATA[在JavaScript中，null是一个特殊类型的值，表示一个空或未定义的值。当一个变量被声明为null时，它的值就是null。]]></description>
            <link>https://zhangwurui.cn/article/48</link>
            <guid isPermaLink="false">48</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Mon, 06 May 2019 09:22:27 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/null.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[打造自己的JavaScript日期格式化函数]]></title>
            <description><![CDATA[编写一个灵活的日期格式化函数，让你能够轻松地将日期转换为你想要的格式。]]></description>
            <link>https://zhangwurui.cn/article/47</link>
            <guid isPermaLink="false">47</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Tue, 30 Apr 2019 09:22:27 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/thumbnail/city.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[计算2个日期之间的天数差]]></title>
            <description><![CDATA[计算2个日期之间的天数差]]></description>
            <link>https://zhangwurui.cn/article/46</link>
            <guid isPermaLink="false">46</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Thu, 18 Apr 2019 08:17:08 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/wartermark.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[CSS文本溢出]]></title>
            <description><![CDATA[在Web开发中，处理文本溢出是一个常见的需求，尤其是在设计响应式界面或者有限空间展示大量信息时。CSS提供了多种工具来优雅地处理这一问题，确保用户体验既美观又实用。本文将探讨几种常用的技术，帮助你掌握如何利用CSS实现文本溢出的控制。]]></description>
            <link>https://zhangwurui.cn/article/45</link>
            <guid isPermaLink="false">45</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Wed, 10 Apr 2019 08:37:55 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/broadcastChannel.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[Cookie、SessionStorage与LocalStorage的差异]]></title>
            <description><![CDATA[浏览器为我们提供了三种主要的客户端存储技术：Cookie、SessionStorage和LocalStorage，每种技术都有其特定的用途、优势和局限性。]]></description>
            <link>https://zhangwurui.cn/article/44</link>
            <guid isPermaLink="false">44</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Tue, 02 Apr 2019 13:55:05 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/useLoading.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[JavaScript中的数字千分位格式化]]></title>
            <description><![CDATA[在处理大量数字展示时，将数字以千分位形式格式化不仅能够提升数据的可读性，还能使用户界面更加专业和友好。]]></description>
            <link>https://zhangwurui.cn/article/43</link>
            <guid isPermaLink="false">43</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Sat, 23 Mar 2019 09:03:02 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/placeholder.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[手写函数防抖]]></title>
            <description><![CDATA[手写一个简单的防抖函数实现，帮助你更好地理解和应用这一技巧。]]></description>
            <link>https://zhangwurui.cn/article/42</link>
            <guid isPermaLink="false">42</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Sat, 16 Mar 2019 04:00:00 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/debounce.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[手写函数节流]]></title>
            <description><![CDATA[在前端开发中，我们经常遇到需要对某些频繁触发的事件（如窗口的resize、scroll事件，或者高频率的按钮点击）进行限制，以避免因函数执行过于频繁而导致的性能问题。这时，一个非常有用的工具就是**函数节流**（throttle）。本文将深入探讨函数节流的概念、原理，并手把手教你如何实现一个简单的函数节流。]]></description>
            <link>https://zhangwurui.cn/article/41</link>
            <guid isPermaLink="false">41</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Sun, 03 Mar 2019 03:00:00 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/throttle.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[ajax获取下载信息]]></title>
            <description><![CDATA[利用`XMLHttpRequest`的`responseType`设置为`blob`，结合`onprogress`事件来监听下载进度]]></description>
            <link>https://zhangwurui.cn/article/40</link>
            <guid isPermaLink="false">40</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Wed, 13 Feb 2019 04:05:06 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/progress.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[页面可见性监听]]></title>
            <description><![CDATA[在当今Web开发的世界中，用户体验优化是至关重要的。其中，对用户是否正在查看或交互网页的状态进行感知，能够帮助我们更好地提升网站性能和互动体验。HTML5引入了一个强大的API——Page Visibility API，它提供了一个名为`visibilitychange`的事件，用于监听页面的可见状态变化。]]></description>
            <link>https://zhangwurui.cn/article/39</link>
            <guid isPermaLink="false">39</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Sun, 27 Jan 2019 02:40:35 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/visibilitychange.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[Promise]]></title>
            <description><![CDATA[Promise 是一个 ECMAScript 6 提供的类，目的是更加优雅地书写复杂的异步任务。]]></description>
            <link>https://zhangwurui.cn/article/38</link>
            <guid isPermaLink="false">38</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Sat, 12 Jan 2019 08:31:43 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/promise.jpg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[点击触发随机核心价值观词向上飞舞并消失]]></title>
            <description><![CDATA[在网页设计与交互体验的探索中，我们时常会尝试各种富有创意和趣味性的动态效果，以提升用户对页面的参与度和关注度。今天，我们将一起探讨如何利用前端技术，实现一个点击页面任意位置后，随机选取一个核心价值观词汇，并使其向上移动直至消失的特效。]]></description>
            <link>https://zhangwurui.cn/article/37</link>
            <guid isPermaLink="false">37</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Sat, 05 Jan 2019 03:06:49 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/animate.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[JavaScript 中分时函数的优势：解决创建大量节点的性能问题]]></title>
            <description><![CDATA[在网页开发中，我们经常需要操作 DOM 元素，其中一个常见的任务是动态创建大量节点。但是，如果不加以控制，一次性创建大量节点可能会导致浏览器性能问题，甚至导致页面卡顿或崩溃。在本文中，我们将探讨这个问题，并介绍一种解决方案——分时函数。]]></description>
            <link>https://zhangwurui.cn/article/36</link>
            <guid isPermaLink="false">36</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Fri, 28 Dec 2018 02:50:46 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/thumbnail/perChunk.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[赞美效应]]></title>
            <description><![CDATA[夸你夸你就夸你]]></description>
            <link>https://zhangwurui.cn/article/35</link>
            <guid isPermaLink="false">35</guid>
            <category><![CDATA[insight]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Sun, 23 Dec 2018 09:03:18 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/praise.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[用HTML5 Canvas实现代码雨效果]]></title>
            <description><![CDATA[HTML5 Canvas是一个强大的绘图工具，可以用来创建各种视觉效果，其中包括代码雨效果。代码雨是一种视觉效果，类似于在屏幕上下落的字符流，给人一种代码正在“雨”下的感觉。本文将介绍如何使用HTML5 Canvas实现代码雨效果。]]></description>
            <link>https://zhangwurui.cn/article/34</link>
            <guid isPermaLink="false">34</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Tue, 18 Dec 2018 02:50:46 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/coderain.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[前端技巧：实现图片回显]]></title>
            <description><![CDATA[在现代Web开发中，我们经常遇到用户头像、商品图片等需要上传并预览的场景。有时为了提升用户体验，我们需要实现在本地选择图片后立即在页面上显示的效果，也就是所谓的“图片回显”。那么，如何在前端不实际上传图片到服务器的情况下实现图片回显呢？本文将详细介绍这一技术的实现步骤和原理。]]></description>
            <link>https://zhangwurui.cn/article/33</link>
            <guid isPermaLink="false">33</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Sat, 08 Dec 2018 06:48:37 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/upload.jpg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[nginx的使用]]></title>
            <description><![CDATA[Nginx 是一个高性能、轻量级的开源 Web 服务器和反向代理服务器，具有强大的扩展性和灵活的配置选项。]]></description>
            <link>https://zhangwurui.cn/article/32</link>
            <guid isPermaLink="false">32</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Fri, 09 Nov 2018 02:50:46 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/nginx.jpg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[记忆函数]]></title>
            <description><![CDATA[记忆函数是一种函数，它可以记住之前的调用结果，并在后续的调用中直接返回缓存的结果，以提高程序执行效率。]]></description>
            <link>https://zhangwurui.cn/article/31</link>
            <guid isPermaLink="false">31</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Fri, 02 Nov 2018 03:09:04 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/memoize.jpg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[只允许一次函数调用]]></title>
            <description><![CDATA[一次函数调用意味着在程序中只能执行一次特定函数的操作或代码。]]></description>
            <link>https://zhangwurui.cn/article/30</link>
            <guid isPermaLink="false">30</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Fri, 26 Oct 2018 07:35:31 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/onceFn.jpg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[复合函数]]></title>
            <description><![CDATA[复合函数是由两个或多个函数组合而成的新函数，其中一个函数的输出作为另一个函数的输入。]]></description>
            <link>https://zhangwurui.cn/article/29</link>
            <guid isPermaLink="false">29</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Fri, 19 Oct 2018 10:33:39 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/reduceRight.jpg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[数组归约运算]]></title>
            <description><![CDATA[数组归约运算是指对数组中的所有元素进行某种操作，将它们归约（缩减）为一个单一的值。归约运算通常涉及对数组元素进行累加、最大/最小值查找、字符串连接等操作。最终的结果是将数组中的所有元素合并为一个值，并返回该值作为结果。]]></description>
            <link>https://zhangwurui.cn/article/28</link>
            <guid isPermaLink="false">28</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Fri, 12 Oct 2018 09:33:26 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/arrayReduction.jpg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[过滤数组中的元素]]></title>
            <description><![CDATA[通过应用筛选条件，仅保留符合条件的元素，实现对数组中元素的过滤。]]></description>
            <link>https://zhangwurui.cn/article/27</link>
            <guid isPermaLink="false">27</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Fri, 05 Oct 2018 10:28:54 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/filterElement.jpg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[转换数组中的每个元素]]></title>
            <description><![CDATA[通过对数组中的每个元素应用特定的转换操作，将其值进行转换或修改]]></description>
            <link>https://zhangwurui.cn/article/26</link>
            <guid isPermaLink="false">26</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Fri, 28 Sep 2018 09:51:34 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/transformArr.jpg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[计数器]]></title>
            <description><![CDATA[计数器如同时间的守护者，静静地记录着流逝的时光，细数着生命中每一个宝贵的瞬间。]]></description>
            <link>https://zhangwurui.cn/article/25</link>
            <guid isPermaLink="false">25</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Fri, 21 Sep 2018 06:55:17 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/counter.jpg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[从输入URL到页面渲染浏览器到底做了什么]]></title>
            <description><![CDATA[从输入URL到页面渲染，浏览器首先进行DNS解析，与服务器建立连接，发送HTTP请求，服务器响应请求，浏览器接收响应并进行HTML解析、CSS解析、JavaScript解析、渲染和页面加载。]]></description>
            <link>https://zhangwurui.cn/article/24</link>
            <guid isPermaLink="false">24</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Fri, 14 Sep 2018 10:13:03 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/rendering.jpg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[JavaScript中的this]]></title>
            <description><![CDATA[JavaScript中的this指向当前执行上下文的对象。]]></description>
            <link>https://zhangwurui.cn/article/23</link>
            <guid isPermaLink="false">23</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Fri, 07 Sep 2018 10:07:38 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/this.jpg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[长歌行]]></title>
            <description><![CDATA[《长歌行》是汉乐府中的一首诗，属《相和歌辞》，是劝诫世人惜时奋进的诗篇。此诗主要是说时节变换得很快，光阴一去不返，因而劝人要珍惜青年时代，发奋努力，使自己有所作为。全诗以景寄情，由情入理，将“少壮不努力，老大徒伤悲”的人生哲理，寄寓于朝露易干、秋来叶落、百川东去等鲜明形象中，借助朝露易晞、花叶秋落、流水东去不归来，发出了时光易逝、生命短暂的浩叹，鼓励人们紧紧抓住随时间飞逝的生命，奋发努力趁少壮年华有所作为。]]></description>
            <link>https://zhangwurui.cn/article/22</link>
            <guid isPermaLink="false">22</guid>
            <category><![CDATA[insight]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Fri, 31 Aug 2018 08:56:25 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/long_song_line.jpg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[让盒子居中的几种方法]]></title>
            <description><![CDATA[盒子模型是指将所有HTML元素视为一个矩形盒子，并通过CSS属性控制盒子的大小、位置、边框、内边距和背景等样式。]]></description>
            <link>https://zhangwurui.cn/article/21</link>
            <guid isPermaLink="false">21</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Fri, 24 Aug 2018 10:50:20 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/box.jpg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[ vscode使用SFTP上传vue打包项目]]></title>
            <description><![CDATA[在VSCode中安装并启用SFTP插件，配置好远程服务器信息后，通过拖拽文件到VSCode界面即可实现上传到远程服务器。]]></description>
            <link>https://zhangwurui.cn/article/20</link>
            <guid isPermaLink="false">20</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Fri, 17 Aug 2018 09:47:26 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/sftp.jpg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[vscode远程连接服务器]]></title>
            <description><![CDATA[VSCode远程连接服务器是通过安装Remote Development插件实现，在本地的VSCode界面上通过SSH或其他协议连接到远程服务器，进行代码编辑、调试和运行。]]></description>
            <link>https://zhangwurui.cn/article/19</link>
            <guid isPermaLink="false">19</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Fri, 10 Aug 2018 08:54:52 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/remote.jpg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[vscode中vue文件路径别名后路径提示]]></title>
            <description><![CDATA[在VSCode中，当使用了Vue文件的路径别名配置后，路径提示功能将能够正确地展示别名后的路径，方便快速定位和选择文件或模块。]]></description>
            <link>https://zhangwurui.cn/article/18</link>
            <guid isPermaLink="false">18</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Fri, 03 Aug 2018 08:32:13 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/alias.jpg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[给你的网站添加可爱的小尾巴]]></title>
            <description><![CDATA[不少技术博客有这样的处理，当我们复制代码的时候，会自动加上一段本信息版权为XXXX，这是怎么实现的呢？其实实现的方式很简单，可以在我的网站页面上绑定一个copy事件，当你复制文章内容的时候，自动在剪切板文字后面加上一段版权声明]]></description>
            <link>https://zhangwurui.cn/article/17</link>
            <guid isPermaLink="false">17</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Fri, 27 Jul 2018 03:34:34 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/copyright.jpg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[从零到一部署前端项目]]></title>
            <description><![CDATA[通过安装nginx、nodejs、mongo、并配置nginx，实现将应用部署到服务器上，提供稳定的服务。]]></description>
            <link>https://zhangwurui.cn/article/16</link>
            <guid isPermaLink="false">16</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Fri, 20 Jul 2018 07:13:13 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/nginx_config.jpg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[JavaScript中的正则]]></title>
            <description><![CDATA[在 JavaScript 中，正则表达式是一种用于匹配和操作字符串模式的强大工具。]]></description>
            <link>https://zhangwurui.cn/article/15</link>
            <guid isPermaLink="false">15</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Fri, 13 Jul 2018 07:19:09 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/regexp.jpg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[JavaScript中的日期]]></title>
            <description><![CDATA[JavaScript 中的日期可以用 Date 对象表示，它提供了一种方便的方式来操纵和格式化日期。]]></description>
            <link>https://zhangwurui.cn/article/14</link>
            <guid isPermaLink="false">14</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Fri, 06 Jul 2018 08:12:55 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/date.jpg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[JavaScript中的Function]]></title>
            <description><![CDATA[JavaScript中的函数是一段封装了特定功能的代码，可以被重复调用并传入参数。]]></description>
            <link>https://zhangwurui.cn/article/13</link>
            <guid isPermaLink="false">13</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Fri, 29 Jun 2018 05:55:54 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/function.jpg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[JavaScript中的Array]]></title>
            <description><![CDATA[JavaScript中的数组是一组可以用一个标识符访问的、具有顺序的变量集合，可以容纳任何类型的数据并提供了多种操作方法。]]></description>
            <link>https://zhangwurui.cn/article/12</link>
            <guid isPermaLink="false">12</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Fri, 22 Jun 2018 13:41:38 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/array.jpg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[JavaScript中的String]]></title>
            <description><![CDATA[JavaScript 的 String 类型是用于表示文本数据的基本数据类型，可以存储和操作由 Unicode 字符构成的任意长度的字符串。]]></description>
            <link>https://zhangwurui.cn/article/11</link>
            <guid isPermaLink="false">11</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Fri, 15 Jun 2018 07:53:32 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/String.jpg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[JavaScript中的数据类型]]></title>
            <description><![CDATA[JavaScript中的数据类型包括基本数据类型（如字符串、数字、布尔值、undefined和null）以及复杂数据类型（如对象和数组），用于存储和操作不同种类的数据。]]></description>
            <link>https://zhangwurui.cn/article/10</link>
            <guid isPermaLink="false">10</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Fri, 08 Jun 2018 07:53:32 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/data_type.jpg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[JavaScript]]></title>
            <description><![CDATA[JavaScript是一种用于编程的脚本语言，可通过在网页中添加交互性和动态效果来控制网页行为、处理数据和实现功能。]]></description>
            <link>https://zhangwurui.cn/article/9</link>
            <guid isPermaLink="false">9</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Fri, 01 Jun 2018 08:36:54 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/JavaScript.jpg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[你不知道的那些CSS属性]]></title>
            <description><![CDATA[通过提升UI/UX的CSS设计，可以使网页更加美观、易用和高效，增强用户体验，提升品牌价值和竞争力。它不仅包括视觉设计，还涉及交互、响应式布局、性能等全方位优化。]]></description>
            <link>https://zhangwurui.cn/article/8</link>
            <guid isPermaLink="false">8</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Fri, 25 May 2018 02:49:22 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/optimize.jpg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[CSS3]]></title>
            <description><![CDATA[CSS3是一种用于设计和布局网页的样式表规范，提供了强大的功能和特性，以增强用户体验。]]></description>
            <link>https://zhangwurui.cn/article/7</link>
            <guid isPermaLink="false">7</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Fri, 18 May 2018 07:22:08 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/CSS3.jpg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[CSS定位]]></title>
            <description><![CDATA[CSS定位是一种通过设置元素的位置属性（如position）和偏移量（如top、bottom、left、right）来控制元素在页面中的布局和排列方式。]]></description>
            <link>https://zhangwurui.cn/article/6</link>
            <guid isPermaLink="false">6</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Fri, 11 May 2018 08:20:36 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/css_selector.jpg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[CSS选择器]]></title>
            <description><![CDATA[CSS选择器是一种用于选择HTML元素或一组元素的模式，使得可以针对特定的元素或类别应用样式和规则。]]></description>
            <link>https://zhangwurui.cn/article/5</link>
            <guid isPermaLink="false">5</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Fri, 04 May 2018 08:16:33 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/position.jpg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[CSS变量]]></title>
            <description><![CDATA[CSS变量是一种在CSS中定义的可重复使用的值，可以通过声明和调用自定义属性来实现动态改变样式和简化代码。]]></description>
            <link>https://zhangwurui.cn/article/4</link>
            <guid isPermaLink="false">4</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Thu, 26 Apr 2018 07:30:44 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/css_var.jpg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[CSS]]></title>
            <description><![CDATA[CSS是层叠样式表，用于控制和美化HTML页面及元素的外观和布局，可分离结构和表现。]]></description>
            <link>https://zhangwurui.cn/article/3</link>
            <guid isPermaLink="false">3</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Thu, 19 Apr 2018 01:14:04 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/CSS.jpg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[HTML5]]></title>
            <description><![CDATA[HTML5是最新版本的HTML标准，增加了多媒体和语义化标签，以及使用JS API实现更复杂的Web应用。]]></description>
            <link>https://zhangwurui.cn/article/2</link>
            <guid isPermaLink="false">2</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Thu, 12 Apr 2018 02:23:48 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/HTML5.jpg" length="0" type="image/jpeg"/>
        </item>
        <item>
            <title><![CDATA[HTML]]></title>
            <description><![CDATA[HTML是超文本标记语言，用于描述网页结构和内容。包含标签、属性、头部信息等，提供多媒体元素、超链接、表格、表单等丰富功能。]]></description>
            <link>https://zhangwurui.cn/article/1</link>
            <guid isPermaLink="false">1</guid>
            <category><![CDATA[code]]></category>
            <dc:creator><![CDATA[Superficial]]></dc:creator>
            <pubDate>Thu, 05 Apr 2018 13:48:39 GMT</pubDate>
            <enclosure url="https://static.zhangwurui.cn/thumbnail/HTML.jpg" length="0" type="image/jpeg"/>
        </item>
    </channel>
</rss>