<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>我的个人网站</title><link>https://yjyblog.xyz/</link><description>Recent content on 我的个人网站</description><generator>Hugo</generator><language>zh-cn</language><lastBuildDate>Mon, 15 Jun 2026 00:00:00 +0000</lastBuildDate><atom:link href="https://yjyblog.xyz/index.xml" rel="self" type="application/rss+xml"/><item><title>📄 个人简历</title><link>https://yjyblog.xyz/resume/</link><pubDate>Mon, 15 Jun 2026 00:00:00 +0000</pubDate><guid>https://yjyblog.xyz/resume/</guid><description>&lt;div class="resume-header"&gt;
 &lt;h1&gt;应金益 &lt;small&gt;Ying Jinyi&lt;/small&gt;&lt;/h1&gt;
 &lt;div class="resume-contact"&gt;
 &lt;span&gt;📞 +86 15858235967&lt;/span&gt;
 &lt;span&gt;📧 593614984@qq.com&lt;/span&gt;
 &lt;/div&gt;
&lt;/div&gt;
&lt;hr&gt;
&lt;h2 id="-教育经历"&gt;🎓 教育经历&lt;/h2&gt;
&lt;p&gt;&lt;strong&gt;浙江工业大学&lt;/strong&gt; | 本科 · 网络工程（2018-2022） | 综合排名 前10%&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id="-工作经历"&gt;💼 工作经历&lt;/h2&gt;
&lt;h3 id="连连支付--集团审计部--it审计20237---至今"&gt;连连支付 — 集团审计部 · IT审计（2023.7 - 至今）&lt;/h3&gt;
&lt;p&gt;主要工作包括执行IT审计、识别风险、改进控制流程、跟进改进方案确保企业遵守行业标准和最佳实践。持续推进审计结果落地，持续保持沟通，明确目标和整改结果。&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;ICT风险治理审计&lt;/strong&gt;：分析复杂系统，建立控制措施，改进风险管理控制，降低系统风险，确保信息安全合规，推进整改。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;自动化审计系统搭建&lt;/strong&gt;：设计自动化财务报表对账模型，建立自动化脚本，将80%重复性的财务人力核对工作转换。&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id="字节跳动--中台实时音视频团队--rtc测试开发工程师20224---20234"&gt;字节跳动 — 中台实时音视频团队 · RTC测试开发工程师（2022.4 - 2023.4）&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;编写QoS弱网自动化测试流程与测试用例；竞对产品测试方案设计及部署落地；性能与功耗专项测试等。&lt;/li&gt;
&lt;li&gt;PC与移动端：UI自动化方案设计、部署落地及执行测试，后续专项负责UI组件化项目；项目代码优化，自动化脚本编写，测试流程提速。&lt;/li&gt;
&lt;li&gt;负责多轮版本回归与发布；跟进需求准入和排期回归测试；自动化环境oncall值班100%解决率。&lt;/li&gt;
&lt;/ul&gt;
&lt;hr&gt;
&lt;h2 id="-项目经历"&gt;🚀 项目经历&lt;/h2&gt;
&lt;h3 id="信息安全与风险专项评估项目20243---20246"&gt;信息安全与风险专项评估项目（2024.3 - 2024.6）&lt;/h3&gt;
&lt;p&gt;在信息安全管理项目中，做为项目负责人主导并完成了ISO27001、ISO20000和NIST风险评估项目。重点梳理了微服务架构下的角色访问控制（RBAC）和用户权限管理。&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;NIST风险评估&lt;/strong&gt;：对关键业务流程和IT系统进行全面的风险评估，识别并量化150多项潜在风险。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;RBAC权限管理&lt;/strong&gt;：根据评估结果，设计并实施了基于RBAC的权限管理策略，涵盖了操作权限和访问权限。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;用户管理&lt;/strong&gt;：优化了用户管理流程，确保权限分配的合理性和安全性。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;BCP制定&lt;/strong&gt;：编制详细的BCP，覆盖30多个关键业务领域，确保在突发事件中的业务连续性和数据安全。&lt;/li&gt;
&lt;/ol&gt;
&lt;blockquote&gt;
&lt;p&gt;项目实施后成功减少了30%的高风险事件发生几率，显著提升了组织的应急响应能力和业务连续性。&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h3 id="自动化财务报表数据处理202311---20241"&gt;自动化财务报表数据处理（2023.11 - 2024.1）&lt;/h3&gt;
&lt;p&gt;为提升财务审计的效率，设计并实施了一个自动化财务报表对账模型，使用模块包括EasyExcel、Selenium和Pytest等，建立自动化脚本，设立控制对比点，将80%重复性的财务人力核对工作自动化处理，减少了人工审计的时间和成本，还显著提高了对账过程的准确性和一致性，最终使审计效率提升了50%。&lt;/p&gt;
&lt;h3 id="专项自动化环境理想架构组件化202210---20234"&gt;专项自动化环境理想架构组件化（2022.10 - 2023.4）&lt;/h3&gt;
&lt;p&gt;该项目旨在通过代码重构和跨端的融合，达成代码复用、低成本维护环境和复制搭建的目标。在UI自动化代码重构方面，采用框架Django和Selenium，采用uiautomation和webdriver进行跨端适配，并提供分离接口静态方法供流程使用。同时，负责编写测试执行流程和QoS调用接口，解决自动化过程中的各类环境问题和缺陷，节省50%人力和自动化设备成本。另外，为提高SDK全场景日志搜索统计的自动化效率，采用Python切片和lambda公式进行白盒数据分段解析统计，成功将日志数据解析统计速度提升约30%，平均误差缩小至5%以内，结果采用Grafana可视化。&lt;/p&gt;
&lt;h3 id="音视频会议场景黑盒数据采集方案20228---20229"&gt;音视频会议场景黑盒数据采集方案（2022.8 - 2022.9）&lt;/h3&gt;
&lt;p&gt;基于视频会议场景下对黑盒延时数据与黑盒音视频数据的计算方案，此项目目标为保证黑盒延时数据精确误差小。过程采用两种方案：一是视频方案，使用采集卡获取录屏数据，利用ti、si值计算视频图像指标；二是音频方案，使用声卡录制对比双声道音频，并通过POLQA打分获取mos分。为项目主要贡献新增了视频延时数学计算方式，成功将黑盒数据与白盒数据的统计误差控制在5%百分比范围以内。&lt;/p&gt;
&lt;h3 id="cicd规则自动化检验规则添加20225---20228"&gt;CICD规则自动化检验规则添加（2022.5 - 2022.8）&lt;/h3&gt;
&lt;p&gt;为解决自动化代码质量低下的问题并减少反复重构和人工评审，采用GitLab和Pytest上传托管代码，结合DevOps理论，使用Docker构建部署后台自动化CICD，对代码进行集成测试，实现自动化环境全量代码的自动部署与校验。此外，还对移动端和PC端的测试执行流程进行梳理和重组，优化流程并发操作，提高自动化测试速度。最终成功统一代码规范，提高代码编写质量和效率，减少30%代码质量问题，提升25%开发效率。&lt;/p&gt;
&lt;h3 id="版本回归质量保障及z友商产品评测20224---20234"&gt;版本回归质量保障及Z友商产品评测（2022.4 - 2023.4）&lt;/h3&gt;
&lt;p&gt;作为版本回归负责人，领导并经历从需求接入到版本发布的整个流程，通过高效的需求评审、全面的功能测试和多版本的回归测试，确保每个版本发布的高质量和稳定性。优化自动化测试工具，提高了40%的测试效率，并将测试周期缩短了20%，使发布前后的历史遗留缺陷数量降低30%。同期对友商产品进行竞对测试，为团队提供有价值的友商市场产品信息。&lt;/p&gt;</description></item><item><title>Hugo 快速入门指南</title><link>https://yjyblog.xyz/posts/hugo-quickstart/</link><pubDate>Tue, 02 Jun 2026 00:00:00 +0000</pubDate><guid>https://yjyblog.xyz/posts/hugo-quickstart/</guid><description>&lt;h2 id="什么是-hugo"&gt;什么是 Hugo？&lt;/h2&gt;
&lt;p&gt;Hugo 是一个用 Go 语言编写的&lt;strong&gt;超快速静态网站生成器&lt;/strong&gt;。它的特点是：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;🚀 &lt;strong&gt;极速构建&lt;/strong&gt; - 毫秒级的页面生成速度&lt;/li&gt;
&lt;li&gt;📦 &lt;strong&gt;单二进制文件&lt;/strong&gt; - 无需复杂依赖&lt;/li&gt;
&lt;li&gt;🎨 &lt;strong&gt;丰富主题&lt;/strong&gt; - 数百个精美主题可选&lt;/li&gt;
&lt;li&gt;🔧 &lt;strong&gt;灵活配置&lt;/strong&gt; - 强大的自定义能力&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="安装-hugo"&gt;安装 Hugo&lt;/h2&gt;
&lt;h3 id="linux-ubuntudebian"&gt;Linux (Ubuntu/Debian)&lt;/h3&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"&gt;&lt;code class="language-bash" data-lang="bash"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;sudo apt-get install hugo
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h3 id="macos-homebrew"&gt;macOS (Homebrew)&lt;/h3&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"&gt;&lt;code class="language-bash" data-lang="bash"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;brew install hugo
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h3 id="windows"&gt;Windows&lt;/h3&gt;
&lt;p&gt;从 &lt;a href="https://github.com/gohugoio/hugo/releases"&gt;GitHub Releases&lt;/a&gt; 下载最新版本。&lt;/p&gt;
&lt;h2 id="创建新网站"&gt;创建新网站&lt;/h2&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"&gt;&lt;code class="language-bash" data-lang="bash"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#75715e"&gt;# 创建新站点&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;hugo new site my-blog
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#75715e"&gt;# 进入目录&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;cd my-blog
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#75715e"&gt;# 初始化 Git&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;git init
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h2 id="添加主题"&gt;添加主题&lt;/h2&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"&gt;&lt;code class="language-bash" data-lang="bash"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#75715e"&gt;# 添加 PaperMod 主题&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;git submodule add --depth&lt;span style="color:#f92672"&gt;=&lt;/span&gt;&lt;span style="color:#ae81ff"&gt;1&lt;/span&gt; https://github.com/adityatelange/hugo-PaperMod.git themes/PaperMod
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#75715e"&gt;# 在 hugo.toml 中配置主题&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;echo &lt;span style="color:#e6db74"&gt;&amp;#39;theme = &amp;#34;PaperMod&amp;#34;&amp;#39;&lt;/span&gt; &amp;gt;&amp;gt; hugo.toml
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h2 id="创建文章"&gt;创建文章&lt;/h2&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"&gt;&lt;code class="language-bash" data-lang="bash"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#75715e"&gt;# 创建新文章&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;hugo new posts/my-first-post.md
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;编辑 &lt;code&gt;content/posts/my-first-post.md&lt;/code&gt;：&lt;/p&gt;</description></item><item><title>关于我</title><link>https://yjyblog.xyz/about/</link><pubDate>Tue, 02 Jun 2026 00:00:00 +0000</pubDate><guid>https://yjyblog.xyz/about/</guid><description>&lt;h2 id="-你好"&gt;👋 你好！&lt;/h2&gt;
&lt;p&gt;我是一名热爱技术的开发者，专注于 Web 开发和系统架构。&lt;/p&gt;
&lt;h2 id="-技术栈"&gt;🛠️ 技术栈&lt;/h2&gt;
&lt;div class="skills-grid"&gt;
&lt;div class="skill-item"&gt;Python&lt;/div&gt;
&lt;div class="skill-item"&gt;JavaScript&lt;/div&gt;
&lt;div class="skill-item"&gt;TypeScript&lt;/div&gt;
&lt;div class="skill-item"&gt;Go&lt;/div&gt;
&lt;div class="skill-item"&gt;React&lt;/div&gt;
&lt;div class="skill-item"&gt;Vue&lt;/div&gt;
&lt;div class="skill-item"&gt;Node.js&lt;/div&gt;
&lt;div class="skill-item"&gt;Docker&lt;/div&gt;
&lt;div class="skill-item"&gt;Kubernetes&lt;/div&gt;
&lt;div class="skill-item"&gt;PostgreSQL&lt;/div&gt;
&lt;div class="skill-item"&gt;Redis&lt;/div&gt;
&lt;div class="skill-item"&gt;Linux&lt;/div&gt;
&lt;/div&gt;
&lt;h2 id="-学习经历"&gt;📚 学习经历&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;计算机科学相关专业背景&lt;/li&gt;
&lt;li&gt;持续关注前沿技术发展&lt;/li&gt;
&lt;li&gt;热爱开源社区&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="-兴趣方向"&gt;💡 兴趣方向&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;全栈 Web 开发&lt;/li&gt;
&lt;li&gt;云原生与微服务架构&lt;/li&gt;
&lt;li&gt;AI/ML 应用开发&lt;/li&gt;
&lt;li&gt;开源项目贡献&lt;/li&gt;
&lt;li&gt;技术写作与分享&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="-联系方式"&gt;📫 联系方式&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;GitHub&lt;/strong&gt;: &lt;a href="https://github.com/rollstone6"&gt;github.com/rollstone6&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Email&lt;/strong&gt;: &lt;a href="mailto:hello@yjyblog.xyz"&gt;hello@yjyblog.xyz&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Twitter/X&lt;/strong&gt;: &lt;a href="https://x.com"&gt;@yourhandle&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="-关于这个网站"&gt;🌟 关于这个网站&lt;/h2&gt;
&lt;p&gt;这个网站使用 &lt;a href="https://gohugo.io/"&gt;Hugo&lt;/a&gt; 构建，采用自定义的 PaperMod 风格主题。所有内容以 Markdown 编写，自动生成静态 HTML，部署在 GitHub Pages 上。&lt;/p&gt;
&lt;p&gt;如果你发现任何错误或想要交流，欢迎通过上述方式联系我！&lt;/p&gt;</description></item><item><title>欢迎来到我的博客</title><link>https://yjyblog.xyz/posts/welcome/</link><pubDate>Tue, 02 Jun 2026 00:00:00 +0000</pubDate><guid>https://yjyblog.xyz/posts/welcome/</guid><description>&lt;h2 id="你好世界"&gt;你好，世界！&lt;/h2&gt;
&lt;p&gt;欢迎来到我的个人网站！这是一个记录技术探索、学习笔记和生活感悟的地方。&lt;/p&gt;
&lt;h2 id="为什么建立这个博客"&gt;为什么建立这个博客？&lt;/h2&gt;
&lt;p&gt;作为一个开发者，我一直相信&lt;strong&gt;写作是最好的学习方式之一&lt;/strong&gt;。通过记录和分享，我能够：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;加深对技术概念的理解&lt;/li&gt;
&lt;li&gt;建立个人的知识体系&lt;/li&gt;
&lt;li&gt;与其他开发者交流和学习&lt;/li&gt;
&lt;li&gt;回顾自己的成长历程&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="未来计划"&gt;未来计划&lt;/h2&gt;
&lt;p&gt;我计划在这里分享：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;技术文章&lt;/strong&gt; - 关于 Web 开发、系统架构、算法等&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;学习笔记&lt;/strong&gt; - 新技术的学习过程和思考&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;项目分享&lt;/strong&gt; - 开源项目和使用经验&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;生活随笔&lt;/strong&gt; - 技术之外的思考和感悟&lt;/li&gt;
&lt;/ol&gt;
&lt;h2 id="技术栈"&gt;技术栈&lt;/h2&gt;
&lt;p&gt;这个博客使用以下技术构建：&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"&gt;&lt;code class="language-toml" data-lang="toml"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#960050;background-color:#1e0010"&gt;框架:&lt;/span&gt; &lt;span style="color:#a6e22e"&gt;Hugo&lt;/span&gt; &lt;span style="color:#960050;background-color:#1e0010"&gt;(静态网站生成器)&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#960050;background-color:#1e0010"&gt;主题:&lt;/span&gt; &lt;span style="color:#960050;background-color:#1e0010"&gt;自定义&lt;/span&gt; &lt;span style="color:#a6e22e"&gt;PaperMod&lt;/span&gt; &lt;span style="color:#960050;background-color:#1e0010"&gt;风格&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#960050;background-color:#1e0010"&gt;部署:&lt;/span&gt; &lt;span style="color:#a6e22e"&gt;GitHub&lt;/span&gt; &lt;span style="color:#a6e22e"&gt;Pages&lt;/span&gt; &lt;span style="color:#960050;background-color:#1e0010"&gt;/&lt;/span&gt; &lt;span style="color:#a6e22e"&gt;Vercel&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h2 id="开始吧"&gt;开始吧！&lt;/h2&gt;
&lt;p&gt;希望这里的内容对你有所帮助。欢迎通过 GitHub 或邮件与我交流！&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;写作不仅是记录，更是思考的过程。让我们一起在代码的世界里探索吧！&lt;/p&gt;
&lt;/blockquote&gt;</description></item><item><title>现代前端开发技术趋势 2026</title><link>https://yjyblog.xyz/posts/frontend-trends-2026/</link><pubDate>Tue, 02 Jun 2026 00:00:00 +0000</pubDate><guid>https://yjyblog.xyz/posts/frontend-trends-2026/</guid><description>&lt;h2 id="引言"&gt;引言&lt;/h2&gt;
&lt;p&gt;前端技术日新月异，2026 年又带来了许多令人兴奋的新发展。让我们来看看当前的技术趋势。&lt;/p&gt;
&lt;h2 id="1-框架演进"&gt;1. 框架演进&lt;/h2&gt;
&lt;h3 id="react-server-components"&gt;React Server Components&lt;/h3&gt;
&lt;p&gt;React Server Components 已经成为主流，带来了：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;更小的客户端 bundle&lt;/li&gt;
&lt;li&gt;更好的 SEO&lt;/li&gt;
&lt;li&gt;服务端渲染的灵活性&lt;/li&gt;
&lt;/ul&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"&gt;&lt;code class="language-javascript" data-lang="javascript"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#75715e"&gt;// Server Component
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#66d9ef"&gt;async&lt;/span&gt; &lt;span style="color:#66d9ef"&gt;function&lt;/span&gt; &lt;span style="color:#a6e22e"&gt;BlogPost&lt;/span&gt;({ &lt;span style="color:#a6e22e"&gt;id&lt;/span&gt; }) {
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#66d9ef"&gt;const&lt;/span&gt; &lt;span style="color:#a6e22e"&gt;post&lt;/span&gt; &lt;span style="color:#f92672"&gt;=&lt;/span&gt; &lt;span style="color:#66d9ef"&gt;await&lt;/span&gt; &lt;span style="color:#a6e22e"&gt;db&lt;/span&gt;.&lt;span style="color:#a6e22e"&gt;posts&lt;/span&gt;.&lt;span style="color:#a6e22e"&gt;find&lt;/span&gt;(&lt;span style="color:#a6e22e"&gt;id&lt;/span&gt;);
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#66d9ef"&gt;return&lt;/span&gt; &lt;span style="color:#f92672"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color:#a6e22e"&gt;article&lt;/span&gt;&lt;span style="color:#f92672"&gt;&amp;gt;&lt;/span&gt;{&lt;span style="color:#a6e22e"&gt;post&lt;/span&gt;.&lt;span style="color:#a6e22e"&gt;content&lt;/span&gt;}&lt;span style="color:#f92672"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color:#960050;background-color:#1e0010"&gt;/article&amp;gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;}
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h3 id="astro-的崛起"&gt;Astro 的崛起&lt;/h3&gt;
&lt;p&gt;Astro 以其&amp;quot;岛屿架构&amp;quot;和零 JS 默认输出的特点，成为内容网站的首选：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;🏝️ 岛屿架构&lt;/li&gt;
&lt;li&gt;⚡ 默认零 JavaScript&lt;/li&gt;
&lt;li&gt;🎯 内容优先&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="2-构建工具"&gt;2. 构建工具&lt;/h2&gt;
&lt;h3 id="vite-统治地位"&gt;Vite 统治地位&lt;/h3&gt;
&lt;p&gt;Vite 已经完全取代 Webpack，成为标准构建工具：&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"&gt;&lt;code class="language-javascript" data-lang="javascript"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#75715e"&gt;// vite.config.js
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#66d9ef"&gt;export&lt;/span&gt; &lt;span style="color:#66d9ef"&gt;default&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#a6e22e"&gt;plugins&lt;/span&gt;&lt;span style="color:#f92672"&gt;:&lt;/span&gt; [&lt;span style="color:#a6e22e"&gt;react&lt;/span&gt;()],
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#a6e22e"&gt;server&lt;/span&gt;&lt;span style="color:#f92672"&gt;:&lt;/span&gt; { &lt;span style="color:#a6e22e"&gt;port&lt;/span&gt;&lt;span style="color:#f92672"&gt;:&lt;/span&gt; &lt;span style="color:#ae81ff"&gt;3000&lt;/span&gt; }
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;}
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h3 id="bun-的挑战"&gt;Bun 的挑战&lt;/h3&gt;
&lt;p&gt;Bun 作为 JavaScript 运行时和打包工具，正在挑战 Node.js 的地位。&lt;/p&gt;
&lt;h2 id="3-css-新特性"&gt;3. CSS 新特性&lt;/h2&gt;
&lt;h3 id="container-queries"&gt;Container Queries&lt;/h3&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"&gt;&lt;code class="language-css" data-lang="css"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;.&lt;span style="color:#a6e22e"&gt;card-container&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#66d9ef"&gt;container-type&lt;/span&gt;: &lt;span style="color:#66d9ef"&gt;inline&lt;/span&gt;&lt;span style="color:#f92672"&gt;-&lt;/span&gt;&lt;span style="color:#66d9ef"&gt;size&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;}
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;@&lt;span style="color:#66d9ef"&gt;container&lt;/span&gt; &lt;span style="color:#f92672"&gt;(&lt;/span&gt;&lt;span style="color:#f92672"&gt;min-width&lt;/span&gt;&lt;span style="color:#f92672"&gt;:&lt;/span&gt; &lt;span style="color:#f92672"&gt;400px&lt;/span&gt;&lt;span style="color:#f92672"&gt;)&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; .&lt;span style="color:#a6e22e"&gt;card&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#66d9ef"&gt;grid-template-columns&lt;/span&gt;: &lt;span style="color:#ae81ff"&gt;2&lt;/span&gt;fr &lt;span style="color:#ae81ff"&gt;1&lt;/span&gt;fr;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; }
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;}
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h3 id="css-nesting"&gt;CSS Nesting&lt;/h3&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"&gt;&lt;code class="language-css" data-lang="css"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;.&lt;span style="color:#a6e22e"&gt;button&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#66d9ef"&gt;background&lt;/span&gt;: &lt;span style="color:#66d9ef"&gt;blue&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; 
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#960050;background-color:#1e0010"&gt;&amp;amp;:hover&lt;/span&gt; &lt;span style="color:#960050;background-color:#1e0010"&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#66d9ef"&gt;background&lt;/span&gt;: &lt;span style="color:#66d9ef"&gt;darkblue&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; }
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; 
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#f92672"&gt;&amp;amp;&lt;/span&gt;.&lt;span style="color:#a6e22e"&gt;primary&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#66d9ef"&gt;background&lt;/span&gt;: &lt;span style="color:#66d9ef"&gt;red&lt;/span&gt;;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; }
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#960050;background-color:#1e0010"&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h2 id="4-类型安全"&gt;4. 类型安全&lt;/h2&gt;
&lt;h3 id="typescript-成为标准"&gt;TypeScript 成为标准&lt;/h3&gt;
&lt;p&gt;TypeScript 不再是可选项，而是现代项目的标配。&lt;/p&gt;</description></item><item><title>📦 归档</title><link>https://yjyblog.xyz/archives/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://yjyblog.xyz/archives/</guid><description/></item></channel></rss>