藏经阁
首页文章项目关于
首页文章项目关于

Hi,I am Luke

欢迎来到郭大爷藏经阁,我在这里我会分享一些我的想法和我做开发实验得到的一些经验分享。我是一名前端开发工程师,有多年的前端开发经验。对全栈开发充满了热情。在空闲时间,我喜欢开发新的项目和学习新技术。

我平常喜欢研究并尝试新的技术,喜欢看书和技术博客来提升自己,爱好是踢足球。
项目
我的简历
Next.js SSR 性能工程:从请求路径到缓存键设计(命中率/一致性/失效策略)
把 SSR 性能优化从“玄学调参”变成工程方案:分解 SSR 成本、选择缓存层次(HTML/数据/CDN)、设计稳健缓存键(host/locale/query/cookie/实验)、制定失效策略(TTL/版本化/回滚),并用 x-cache + TTFB + 错误率形成可验证闭环。
阅读数:226
更新时间:16 小时前
Nextjs
Headless CMS 内容管道:内容/路由/资源三件套如何同步到构建与运行时(可回滚、可追溯)
一套可复用的 Headless CMS 内容管道方法论:把内容 JSON、路由清单(manifest/sitemap)与静态资源(assets)做成“可构建、可降级、可回滚、可追溯”的三件套;同时支持 build-time 同步与 runtime 加载(SSR/ISR),并用语言齐全 gate、schema 校验与指标回归避免 404/软 404 与索引污染。
阅读数:3027
更新时间:13 小时前
Nextjs
pdf-lib 导出高保真 PDF 实战:字体度量、子集化与行级 BiDi,让多语言排版“可控且一致”
在浏览器端用 pdf-lib 生成高保真 PDF:先把 DOM/样式快照抽成中间层模型(IR),统一 px/in/pt 的坐标与字号;用 fontkit 做字符级字体度量、缺字回退(按 Unicode 范围选 fallback 字体)并收集用到的字符集合;再用字体子集化把 PDF 体积压住;最后用行级 BiDi 重排(先断行再重排+镜像标点)解决 RTL/混排问题,并用指标与回归把一致性变成工程能力。
阅读数:10989
更新时间:14 小时前
Nextjs全栈
导出链路一致性(方法论):用“中间层模型 + 字体度量 + 双通道渲染”把 PPTX 与 PDF 高保真对齐
一套可复用的导出链路一致性方法论:从浏览器 DOM/样式快照抽取中间层模型(IR),统一 px/in/pt 单位映射;用 fontkit 做字体度量、缺字回退与字体子集化;分别用 PptxGenJS 与 pdf-lib 渲染 PPTX/PDF,同时用 RTL/BiDi 行级重排保证多语言排版一致;最后用像素级回归与指标闭环,把“看起来差不多”变成可验证的工程能力。
阅读数:10099
更新时间:13 小时前
Nextjs全栈
使用Next.js、TypeORM和Shadcn-UI从零搭建现代化SaaS系统(完成登录和框架)
这篇文章详细介绍了一个从零开始搭建前端框架的过程,包括登录页的设计、验证码发送逻辑、工作台页面的创建等。通过使用React、Next.js、TRPC和Zod等技术,展示了如何构建一个完整的用户认证和工作台系统。文章涵盖了组件创建、状态管理、API接口设计和中间件应用等内容,旨在帮助开发者掌握构建现代Web应用的最佳实践。
阅读数:30014
更新时间:2 年前
Nextjs全栈
使用Next.js、TypeORM和Shadcn-UI从零搭建现代化SaaS系统(第一部分)
本文是系列文章的第一部分,详细介绍了如何使用Next.js、TypeORM和Shadcn-UI框架快速搭建一个功能强大且可扩展的SaaS(软件即服务)系统。通过结合TypeORM进行数据库管理,本文展示了从项目初始化到数据库配置的完整步骤,帮助开发者高效构建现代化的SaaS应用框架。在接下来的章节中,将进一步探讨用户登录、数据管理和系统优化等高级功能。阅读本文,您将学会如何设置Next.js与TypeORM的整合、实现基本的用户登录功能,并优化您的SaaS平台以提升用户体验和系统性能。
阅读数:30679
更新时间:2 年前
全栈Nextjs
使用Next.js、TypeORM和Shadcn-UI从零搭建现代化SaaS系统(第二部分-状态管理和接口)
本文是系列文章的第二部分,详细介绍了如何使用Next.js、TypeORM和Shadcn-UI,TRPC框架快速搭建一个功能强大且可扩展的SaaS(软件即服务)系统。通过结合TypeORM进行数据库管理,本文展示了如何在NextJS引入Zustand和Trpc来快速开发应用
阅读数:29414
更新时间:2 年前
Nextjs全栈
如何使用Next.js和NestJS实现双Token认证与刷新机制
本教程详细讲解如何使用Next.js和NestJS搭建一个支持双Token认证与刷新机制的应用程序。包括项目初始化、前后端框架搭建、认证逻辑实现以及前端自动刷新Token的封装。适用于需要提高安全性和用户体验的前后端开发者。
阅读数:29232
更新时间:2 年前
全栈Nextjs
(从零到一)快速搭建博客网站:使用Next.js、Strapi和Shadcn-UI构建CMS管理后台和SEO友好的前端界面
本文介绍了如何利用Next.js、Strapi和Shadcn-UI快速搭建一个博客网站。通过使用Next.js作为前端框架和渲染引擎,Strapi作为后端CMS管理后台,并结合Shadcn-UI提供的美观组件,可以轻松构建一个功能强大、界面友好且符合SEO标准的博客网站。
阅读数:24362
更新时间:2 年前
全栈
在Next.js中使用MatchMedia进行多端适配的解决方案
本文详细分析了在Next.js中进行多端适配时遇到的常见问题,并提供了使用MatchMedia进行多端适配的解决方案。由于Next.js是一个SSR框架,在服务器上无法获取设备信息,导致默认的媒体查询结果总是为false。本文通过创建自定义hooks来解决这个问题,展示了如何实现一个轻量级的、无需引入Chakra-UI的多端适配方案。本文适合所有前端开发者,尤其是那些正在使用Next.js进行多端应用开发的工程师。
阅读数:22430
更新时间:2 年前
Nextjs
友情链接
© 2024
Workmn
|
踏实的走好每一步
粤ICP备15107978号