Archive
Web 14 writings
标签
常用
全部文章160Essay27OS22Linux18Blog17Web14Java13CSS12VSCode12Hexo10Shell10Catppuccin9Nushell9城市
ChengDu9QingDao6SuZhou6AnShun1ShangHai1上海1全部标签
Agent2AI2Algorithm3Android3Apache3Asynchronous1Atomicity1Authentication2Authorization2Book1Browser4Bun1C3Carapace2CDN2CICD1Clash1CLI3Collection1Concurrency4Cpp1CyberPunk2DataBase7DevOps1Django1Docker3Dotfiles2Entertainment1fd2ffmpeg1File2Font2FOSS1FrontEnd2Games6Generics2Ghostty1GIL1Git5GitHub1Glossary1Go1HTML3HTTP1HTTPS2Icarus3Image4Internet3IO2JavaScript4JWT1Kubernetes1Lab1LCP2Literature4Live2d1LQIP1LSP1Lua2macOS3Markdown6Maven1Microsoft3Music5MyBatis1Neovim2Network7Onedrive2OneUI1OSS1Parallelism2Performance8Pjax1Process6Productivity6Programming1Proxy1Python7Queue1Reflection2Responsive2Ricing7Ruff1Rust1SE2Security1Shiki4Sketchybar1Skill1Socket2Spicetify1Spotify1Spring1SQL2srcset2SSH2SVC1Swup1TCP2Terminal8Theme1Thread5Tmux2Tomcat1TUI3Typst1Ubuntu2UIUX6UNIX1UV1Vim3VSIX1Wallpaper1Windows7Workflow9WSL1sCu0KLiU+SHj3sWRRhzukiIOjoyMilIYok705UStbY4FQsMZNzgHljMiPH8Y/aaTbomH/NhKcai9LyI9Vjmab8tJWWULyIDWUapAmGn6Z6H7I1Lgnaf4exOz/HzJGt0ygtopSD3ZrRhhi4Uvj8Q7DgLVdpDu1EzRysTUB+0KyEIB3jT7CqrfCJMRVLw4FsVR3ImIVxkzDh5zvsvj2nxPZwt0C/GUIcgkp/GFJDNptqpzVDrjLvrwwIjk1sa494XTEmf2iklLsme1q77vC9gyry49BaeJpMGZYyzNVh0xqfyTAPoijtxFTeJWZWpwwKcEQ8arj1PW3eqXskKeuDPV07CjqeUOiX5OLZZf2Qfvz6f2d9FqyQDTHo/YP+D1N/qXbQxWyQFZPnsefLIZCg5ED9t73ft8MBmNyfKY/RyyIusNJL57NyakNIY2UaNB38DyOrmHGZnuIvbkL9cHs2zeSi6ObZx88Ik5uzOt0OKtvFm1PTgyOzl9fwL3MzlDdUJ1tyMvP9za5veRug6XoXrP0TChrbTnLZN//4gn0mlw8XhcNbvBsgjEn0pDLDzl2+JvM+RRaTzQ3Bvgq0PG/SknBii7tnvI2FBNiywSqopENHLx2dGq8upczoJeJe+PhbWV5Whmp1r5WQoNXX/E3zW1fYuJNvf1KVMTn+Ta+Vzhd/pSRc5vlMnbHZiijH9vfBh90UlkJp2NGVzShp33NsuzgT1GEZYpMG1KVXT/oCHvEeDAy+CUIEDwxzFqzwuLvoMkj3pf3bttS0WmkS/pjemCsPRpIHH47REyUUdgnzQdWh2dUvaLH9oAU4pbaLwaziX90bImCKa6Bt+vrt8gQwAAnGWVMwaSJr7rU/HaM5FjNon6WoqmLE/DJP9czpaFkebzdZ7meqP/P0Y9xp5nlpcJXTVwQYCmeWugxduJ2SqY9UIF/eybwWeK9B0M7A741ALj4Xmetm/e6UdWjvO/crtc54nOYISnCjkDffiTG0OQcuspkL1NRkqr8+lGdxuMrhklLB3ehVLr0/HCEwxlXpHwQbCISNr0oZdMlacYpdfF8sTwCw9snvlje0maIyIcVao03i0/5iqN2K0WUMp5Y4ObS6J6iaDoiiOlBxc3tccBJs1NvnDR6mUxXsxJHOf8OB9u8gJWbdnea5xGpUktENqFb+NQa0IPDLR+BvgxYFpzm9zYlHRA2/U/Ohmw6GJeu/wFFb0sc4nv1j6bCb9ByI1I4CHZ2bzVFb0+umPc4nSG
summer/01
- 从 instant.page 迁移到 Speculation Rules API从 instant.page 迁移到浏览器原生的 Speculation Rules API。本文介绍 prefetch 与 prerender 的区别、适用边界、实际配置,以及它为何与 Swup/PJAX 这类 SPA 导航方案的冲突。HexoPerformanceWebSwup8 min
winter/02
- UI/UX TerminologyVibe 毕设前端时,部分术语初看感觉很迷惑,为什么单选按钮叫Radio Button,导航栏叫作 Breadcrumb,弹窗提示叫Toast?这些术语的灵感分别来自老式收音机、格林童话、烤面包机。当时的 GUI 设计师,为了让普通人快速看懂数字世界,从现实世界里借用了熟悉的概念WebUIUX18 min
- 图片渐进式加载方法探究深入解析 LQIP、BlurHash、ThumbHash等图片渐进式加载方案ImageWebUIUXLQIP6 min
autumn/03
- Hexo 多主题博客设计:CSS变量 + :Where 选择器实现主题切换BlogHexoCSSWebRicingCatppuccinJavaScriptShikiTheme8 min
本文介绍如何利用 CSS 变量与
:where选择器实现博客多主题管理,包括 Shiki 代码高亮主题切换与页面闪烁(FOUC)的解决方案 - Fix Markdown Footnote Jump Overlap With CSS Scroll-Margin-TopFix the common problem where fixed top navbars hide jump targets using scroll-margin-top ruleBlogCSSWebUIUX2 min
- Blog & OSS境内外CDN分流配置记录备案通过,简单记录下国内外CDN分流配置过程BlogPerformanceCDNNetworkWebInternetHTTPS8 min
summer/03
- 学习HTTPS协议:加密、证书与TLS本文旨在解释HTTPS如何保障网络通信安全。介绍了对称加密与非对称加密的基本概念、工作流程及其优缺点,并解释了两者结合的最佳实践。为了解决公钥分发和信任问题,文章进一步阐述了数字签名和数字证书(CA)机制NetworkWebInternetHTTPSTCPSecurity10 min
- 理解响应式图片:从像素到DPR🤖 本文介绍了像素概念及其在网页设计中的应用。首先区分了物理像素和CSS像素,解释了像素密度(PPI)和设备像素比(DPR)的概念,随后探讨了响应式图片的实现方法,包括图片的渲染尺寸与固有尺寸的关系,以及使用srcset属性根据设备DPR或视口宽度提供合适图片资源的技术ImageHTMLWebBrowserResponsivesrcsetLCP5 min
- Making Web Fast —— LCP Optimization🤖 Learn to optimize LCP performance using preload、fetchpriority、responsive images and srcset attributes. Master Sharp image processing, CI/CD automation, and preload hints to dramatically improve Core Web Vitals scores.BlogHexoPerformanceWebBrowserIcarusResponsivesrcsetLCP10 min
winter/01
- Use Medium-Zoom in Hexo Blog在 Hexo Blog中,为了增强用户点击图片后的交互体验,我们可以使用medium-zoom这一轻量级库实现图片放大效果。本文记录如何在 Hexo 博客中成功集成 medium-zoomBlogHexoWebIcarusPjax3 min
autumn/02
- Web Authentication & Authorization从 Cookie 到 JWT,Web 是如何绕过 HTTP 无状态特性的,每一步又留下了哪些权衡。WebAuthorizationAuthentication15 min
- Blog性能优化记录记录网站维护过程中,采取的部分优化措施BlogHexoPerformanceWeb4 min
summer/02
- TomcatApache Tomcat,简称 Tomcat,是一个开源的、轻量级的 Web 应用服务器,它实现了 Java Servlet、JavaServer Pages(JSP)和少量Java EE技术规范。JavaApacheWebTomcat6 min
- Http ProtocolHTTP 是一种应用层协议,用于传输Hypermedia Documents,例如 HTML。它最初是为Web 浏览器与 Web 服务器之间的通信而设计的,但也可以用于其他用途,如机器间通信、API访问等。本文对其请求报文、响应报文以及版本进行介绍NetworkWebInternetBrowserHTTPTCP3 min