⚡ 前端工程与性能优化
深入探讨 Rspack、Vite、Webpack 等构建工具选型,以及高性能 Web 应用的优化实践。
📢 博客更新
欢迎关注!本站持续更新关于前端打包工具选型(Rspack)、多媒体文件格式分析、独立开发与出海商业实战等硬核内容。
| 文章标题 | 分类 | 核心摘要与探讨 |
|---|---|---|
| ppt在线预览的技术选型 | 🛠️ 技术实战 | 剖析 PPTX 复杂的 XML 多媒体排版结构,对比 OnlyOffice、pptx-preview 库与服务端转码方案 |
| pdf在线预览,实现文字可选择(深度研究) | 🛠️ 技术实战 | 深度研究 PDF 在线预览选型,对比 PDF.js v6、PDFObject、pdf2htmlEX,解析印章修复与文字选择层 |
| word/docx文件预览的技术选型 | 🛠️ 技术实战 | 深入探讨 docxjs (docx-preview)、mammoth.js 与 docx-editor 的 Word 在线渲染方案与适用场景 |
| Excel/XLSX 在线文件查看与解析技术选型指南 | 🛠️ 技术实战 | 深度解析 SheetJS、exceljs、xlsx-populate 解析库优劣及与 Luckysheet 等 UI 渲染库的结合方案 |
| heic文件在线预览的技术实现 | 🛠️ 技术实战 | 拆解 HEIC 的 ISOBMFF 容器结构与 HEVC 编码原理,给出基于 Wasm + Web Worker 零卡顿渲染方案 |
| stl文件预览的技术选型 | 🛠️ 技术实战 | 拆解二进制 STL 50 字节三角面片结构与 DataView 高效解析,对比 Three.js 与包围盒居中交互落地 |
| obj文件查看、解析的技术实现 | 🛠️ 技术实战 | 拆解 Wavefront OBJ 顶点复用与 MTL 材质机制,详解多边形三角化与 Three.js 渲染实现 |
| dxf文件格式分析与Web预览技术选型 | 🛠️ 技术实战 | 拆解 CAD DXF 的 Group Code 组码对偶结构与 ENTITIES 图元,对比 Canvas 与 WebGL 加载方案 |
| VitePress 是用来做什么的?适用场景与局限 | 🛠️ 技术实战 | 解读基于 Vite+Vue3 的极速 SSG 在博客、笔记、文档站的应用与边界 |
| VitePress拓展功能,添加文章随机推荐功能 | 🛠️ 技术实战 | 基于 createContentLoader 和 withBase 实现纯静态对 SEO 极佳的推荐系统 |
| VitePress 跨路径/页脚链接点击 404 Bug 排查与解决 | 🛠️ 技术实战 | 记录 VitePress v1.6.4 客户端路由拦截外部链接引发 404 及属性避坑方案 |
| 普通人零代码建站首选:零技术门槛建站神器 Publii | 🛠️ 技术实战 | 极适合无技术背景人群的免费开源建站工具,像 Word 一样写文章并一键发布 |
| Parcel 2 致命 Bug:link hreflang 被破坏导致 404 不收录 | 🛠️ 技术实战 | 解决 Parcel 2 误将多语言 link hreflang 重写为 Hash 死链踩坑 |
| Parcel v2 忽略 a 标签 href 指向文件的实现思路 | 🛠️ 技术实战 | 解决 HTML 中 docx/csv 等文件下载链接导致 Parcel 编译报错问题 |
| Parcel v2 SVG 自定义属性丢失 Bug 及绕过方案 | 🛠️ 技术实战 | 解决 Parcel v2 擦除 <svg> 上的 v-if/v-show 指令导致按钮常显的 Bug |
| Rspack 也许是最符合需求的前端构建工具 | 🛠️ 技术实战 | 对比 Webpack 的慢与 Vite 的 ES5 兼容吃力,解析 Rspack 的优势 |
| 研究探索 iPhone 实况照片 HEIC 与安卓实况图片的底层实现差异 | 🛠️ 技术实战 | 解密安卓单文件内嵌 MP4 与苹果 HEIC+MOV 2 个文件“假装”1 个文件的实现 |
| 还学编程吗?AI编程的影响与机会 | 💡 商业思考 | 探讨 AI 时代初级岗位减少背景下,全栈个体独立开发出海的黄金路径 |
| OPC(一人公司)选型方向 | 💡 商业思考 | 程序员做个人独立产品的业务模式选择与商业落地探索 |
| http-server 缓存问题彻底解决 | 🛠️ 技术实战 | 为什么 http-server 刷新总是旧页面?使用 -c-1 避坑实操 |
| NameSilo vs Cloudflare 域名价格对比 | 🛠️ 技术实战 | 独立开发出海域名采购与续费避坑策略 |