首页
学习
活动
专区
圈层
工具
发布
首页标签前端工程化

#前端工程化

代码渲染知识视频选栈实录:Remotion/GSAP+Three/HyperFrames/Skia 四栈实测与开源技能

狒狒AI

前阵子刷抖音,被一批 Vibe 知识大赏 视频集中击中。 上面这段动图,没有一帧来自视频剪辑软件,全部由代码逐帧渲染。深色底、金色线条、粒子聚字、字幕逐词上跳,...

4600

懂王AI 工程化实战:从风格迁移到可控生成的三层管线

IT大佬 jzit-top

核心结论: "懂王AI"这类风格模仿项目的技术难点不在让模型说出"没有人比我更懂"这句话,而在让模型在面对任何话题时都能稳定输出一致的语言风格——包括句式节奏、...

15100

前端三十年:从“文档附庸”到“数字世界基础设施”的范式跃迁(1994-2026) ——TypeScript、Vue、React、Vite、Node.js

jack.yang

如果要在计算机科学的所有分支中,寻找一门变化最剧烈、鄙视链最复杂、且始终在“妥协”中前行的学科,前端开发(Front-end Development)当之无愧。

17920

Vite 开发服务器热更新失效?从 WebSocket 连接排查到 HMR 边界分析

超哥前端记录

本地开发时 Vite 的热更新突然不工作,改完代码浏览器没有任何反应,控制台也不报错,只能手动刷新。这种现象在多人协作项目里出现的频率不低,尤其是从 Webpa...

15410

如何用 AbortController 取消 fetch 请求并处理竞态问题

超哥前端记录

在搜索框输入关键词时,每敲一个字就发一次请求,如果用户打字很快,就会同时存在多个未完成的 fetch。先发出的请求可能后返回,导致页面显示的不是最新关键词的结果...

14210

前端防抖节流:从手动实现到 AbortController 取消请求,说清楚几个容易搞混的细节

用户1839651

输入框搜索联想、窗口 resize 重排、按钮防重复提交这些场景里,防抖和节流几乎是条件反射就会用上的东西。但实际维护项目时我见过不少写法把两者用反,或者只做了...

14610

前端路由刷新 404:从 devServer 到 Nginx 的完整排查路径

超哥前端记录

单页应用用 history 模式上线后,用户点进二级页面再按 F5,浏览器直接返回 404,这是很常见的部署问题。它通常不是前端代码写错了,而是请求路径 /us...

15710

Vite 开发时 import 路径大小写不一致导致 HMR 失效的排查过程

超哥前端记录

最近在做一个后台管理项目,本地开发时改了组件里的样式,浏览器偶尔不会自动热更新,必须手动刷新才能看到变化。一开始以为是 Vite 的 HMR 偶发问题,重启几次...

12810

在 Vue 3 和 React 中,el-table 那种“虚拟滚动+动态行高”到底该怎么落地?

用户1839651

表格组件在后台系统里几乎是刚需,但当数据量上千行、每行内容高度又不固定时,浏览器会直接卡成幻灯片。很多人第一反应是找现成的虚拟滚动库,可用在 el-table ...

14610

Vue 3 中如何正确监听元素尺寸变化:ResizeObserver 与自定义指令的实战

用户1839651

做后台管理系统的图表模块时,经常遇到一个情况:容器宽度明明是 100%,图表初始化后却挤在角落,或者拖拽侧边栏后图表没有重新计算尺寸,留出大片空白。这类问题大多...

12510

URLSearchParams 的隐藏坑:为什么你的查询参数总是多一个加号?

超哥前端记录

处理带查询字符串的 URL 时,很多人习惯用 URLSearchParams 来拼接或解析参数,毕竟它是浏览器原生 API,比手写 encodeURICompo...

10110

别再用 moment.js 了:从 date-fns 重构 20 个日期处理场景的真实记录

用户1839651

项目里 moment.js 的包体积和可变性坑了很多次。打包分析里 moment + locales 占了 300KB 以上,Tree-shaking 几乎无效...

13610

报名表单填到一半退出,回来数据还在吗:H5 表单草稿的自动保存与多端恢复

用户5598620

用户在活动报名 H5 里填了姓名、手机号、选好了场次,接个电话、切个后台,回来页面一刷新,全没了,只能重填。对报名、预约、问卷这类以收集信息为目的的 H5 来说...

14710

官网一发版用户就看到旧页面、样式还错乱:静态资源 contenthash、强缓存与缓存破坏的发版方案

用户5598620

官网每次发版后,最常见的几类客诉是:"我看到的还是旧页面""排版和图片全乱了""按钮点了没反应"。

12100

用 AbortController 取消 fetch 请求时,组件卸载后的状态更新怎么处理

用户12771345

在单页应用里,用户快速切换路由或反复触发搜索时,经常会出现一个组件已经卸载,但之前发出的 fetch 请求才刚返回,然后回调里执行 setState 导致 Re...

12810

在前端项目中定期清理 localStorage:一个容易被忽视的过期策略

超哥前端记录

做后台系统时经常把一些不敏感的状态塞进 localStorage,比如展开的菜单、表格列宽、临时筛选条件。时间一长,这些键值越积越多,用户换了设备或者需求变更后...

12510

如何让history模式下的SPA在刷新子路由时不404——Nginx与Vite配合的完整路径

用户12771345

用 Vue Router 或 React Router 的 history 模式时,本地开发一切正常,点链接跳转也顺滑,但一旦部署到 Nginx 或静态托管平台...

24710

别急着关掉 sourceMap,它能在生产环境救你一命

超哥前端记录

线上报错日志里出现 app.3f7a2b.js:1:48291 这种堆栈时,你盯着压缩后的单行代码基本看不出问题在哪。很多人第一反应是去本地复现,反复刷新、切换...

17110

Vite 构建时如何自动生成并注入 Web Worker 实例

用户1839651

在维护一个数据可视化项目时,我需要把大量 CSV 解析和坐标计算从主线程挪到 Web Worker 里,避免页面在加载数据时卡死。项目用 Vite 构建,开发时...

16900
领券