<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>Frontend on Jeanphilo Blog</title><link>https://shio-chan-dev.github.io/jeanblog/zh/dev/frontend/</link><description>Recent content in Frontend on Jeanphilo Blog</description><generator>Hugo -- 0.159.2</generator><language>zh-cn</language><lastBuildDate>Sat, 24 Jan 2026 11:03:05 +0800</lastBuildDate><atom:link href="https://shio-chan-dev.github.io/jeanblog/zh/dev/frontend/index.xml" rel="self" type="application/rss+xml"/><item><title>CSR vs SSR：取舍、性能指标与落地路径</title><link>https://shio-chan-dev.github.io/jeanblog/zh/dev/frontend/csr-vs-ssr-tradeoffs/</link><pubDate>Sat, 24 Jan 2026 11:03:05 +0800</pubDate><guid>https://shio-chan-dev.github.io/jeanblog/zh/dev/frontend/csr-vs-ssr-tradeoffs/</guid><description>从 TTFB/TTI/SEO 等指标出发，对比 CSR 与 SSR 的优缺点，并给出决策指南与可运行示例。</description></item><item><title>Emmet-Vim 极速指南：用缩写爆写 HTML/CSS</title><link>https://shio-chan-dev.github.io/jeanblog/zh/dev/frontend/emmet-vim-guide/</link><pubDate>Mon, 08 Dec 2025 00:00:00 +0000</pubDate><guid>https://shio-chan-dev.github.io/jeanblog/zh/dev/frontend/emmet-vim-guide/</guid><description>给 Vim/Neovim 用户的 Emmet 实战笔记：安装、常用映射、可运行示例、验证清单与常见坑，帮助你在写页面/组件时提升 3 倍速度。</description></item><item><title>Svelte 按钮配置全攻略：状态、样式与无障碍实践</title><link>https://shio-chan-dev.github.io/jeanblog/zh/dev/frontend/svelte-button-config-guide/</link><pubDate>Sun, 07 Dec 2025 00:00:00 +0000</pubDate><guid>https://shio-chan-dev.github.io/jeanblog/zh/dev/frontend/svelte-button-config-guide/</guid><description>教你在 Svelte 中构建可复用的按钮：动态类名、可选链/空值合并、安全取值、状态样式映射、无障碍支持、测试与常见陷阱。</description></item><item><title>如何使用和配置typescript环境</title><link>https://shio-chan-dev.github.io/jeanblog/zh/dev/frontend/typescript-setup-guide/</link><pubDate>Thu, 28 Aug 2025 00:00:00 +0000</pubDate><guid>https://shio-chan-dev.github.io/jeanblog/zh/dev/frontend/typescript-setup-guide/</guid><description>&lt;h1 id="introduction"&gt;Introduction&lt;/h1&gt;
&lt;p&gt;对于typescript以.ts为后缀的文件,我们是不能直接编译运行的,我们需要把typescript文件转译为js文件然后再进行运行&lt;/p&gt;
&lt;p&gt;我们可以选择两种方式,把ts文件传到服务器上使用ci工具进行编译,或者直接在本地转译后上传js文件到生产环境,如果我们想要在开发环境中直接进行运行测试的话,可以使用ts-node进行运行,但是开发环境之中还是需要编译&lt;/p&gt;</description></item></channel></rss>