- 博客(5)
- 收藏
- 关注
原创 面试官灵魂拷问:后端一次性给 1000 万条数据,前端该怎么优化渲染?
方案首屏时间内存占用滚动性能实现复杂度原始渲染30s+高差简单30s+高差简单分块渲染<1s持续增长逐渐变差中等虚拟列表<1s低流畅较高响应式优化 ≠ 渲染优化只能减少 Vue 的响应式开销,解决不了大量 DOM 渲染的核心瓶颈,不要搞混了优化方向;分块渲染是折中选择:适合几万条数据的场景,能保证首屏体验,实现简单,但扛不住超大数量级数据;虚拟列表是最佳实践。
2026-01-01 12:15:00
752
原创 面试常考!TCP、HTTPS、WebSocket 核心关系 + 实时通信实战
层级关系:TCP(传输层地基)→ HTTPS/WebSocket(应用层上层),层层依赖;核心作用:TCP 管可靠传输,HTTPS 管加密一问一答,WebSocket 管实时双向互发;开发要点:生产环境用HTTPS和wss://,WebSocket 升级后脱离 HTTP,需要做重连机制;前端实操:无需直接操作 TCP,HTTPS 请求用 fetch/Axios,WebSocket 用原生 API 或第三方库(如 Socket.IO)即可落地。
2025-12-31 15:09:55
699
原创 同事写的代码最后连亲妈都认不得了,你猜最后他怎么样了?
艾庄碧走的时候,还在抱怨公司 “不懂技术”“不尊重代码美学”。但他忘了,前端是团队协作的工作,你的代码不是个人作品,而是团队资产。我们写代码,不是为了让别人觉得 “哇,你好厉害”,而是为了让项目能稳定迭代、让同事能高效协作。或许你也写过这样的 “炫技代码”:用复杂的正则替换简单的字符串处理,用嵌套的高阶组件替换普通组件,用各种简写把代码压缩到极致……如果明天我离职了,接手的人能看懂吗?如果需求变更了,这段代码能轻松修改吗?这个 “优化” 或 “炫技”,真的有必要吗?
2025-12-29 17:23:09
814
原创 前前端主管:我在面试候选人时,靠这几道题,快速区分新手和老手!
大家好,我是李司凌,这份面试题精选自 GitHub 前端面试题库,我剔除了冷门、过时的题目,保留了高频考察、兼具理论深度和实战价值Doctype 是 HTML 文档的声明语句,不属于 HTML 标签本身,核心作用是告诉浏览器当前文档使用的 HTML/XHTML 规范版本,让浏览器能够按照对应的规范来解析和渲染页面,避免出现 “怪异模式”(Quirks Mode)。Canvas 和 SVG 都是 HTML5 中用于绘制图形的技术,但底层实现原理、适用场景。
2025-12-28 23:15:01
884
原创 72% 的前端都踩过的 HTML 坑!2025 最新数据告诉你怎么避
HTML 标签误用率超 80%!本文整理 10 个出现概率超 50% 的高频误区(div 地狱、img 缺 alt、button 漏 type 等),结合大厂规范与实战代码,讲透标签语义化、SEO 优化、兼容性要点,帮前端避坑、提升页面质量,适合新手与需要规范代码的开发者。
2025-12-28 11:45:22
627
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅