xingcheng

市面上的在线图片压缩工具（TinyPNG、iLoveIMG 等）都是把图片上传到服务器处理的。但现在 MozJPEG、OxiPNG 这些专业压缩算法都有了 WebAssem...

使用Vue开发，并不会让应用绝对免疫XSS攻击，但它确实提供了强大且便利的默认防护。Vue极大地降低了XSS的发生概率，但安全最终是由开发者的每一个编码习惯决定的。...

在构建 Web 应用时，我们常常需要回答一个问题：用户是否已经真正离开了当前页面？ 这不仅是埋点统计的需求，更关系到： 视频/音频是否该彻底停止？ 聊天室是否要标记用户离线...

1. 页面白屏如何排查？ 第一步：快速分类（30秒） "页面白屏主要有五种原因：JavaScript执行错误、资源加载失败、CSS样式问题、接口异常和浏览器兼容性。其中Ja...

前端开发必须掌握的二进制神器Blob，轻松实现本地预览、零上传下载、内存流式处理，一文吃透原理、API、性能陷阱与最佳实践，让你的应用秒开不卡！...

用 CSS scale 做整体缩放适配带鱼屏。外层容器 2500×1080 放扩展内容，内层 1920×1080 放核心内容。通过 min(100vw/1920, 100v...

作为前端开发者，我们几乎每天都在和 iframe 打交道。它像一个“万能容器”，能轻松地把另一个页面塞进当前页面。但你真的了解它的能力边界吗？为什么有时候 iframe 会...

前言 最近用 uni-app 写了一个项目，本地用 H5 模式开发和调试时一切正常，页面、交互、数据更新都没有问题。 但当代码部署到 微信小程序 后，却陆续出现了一些诡异的...

🚀 Vite 插件实战：如何优雅地将构建时间注入到 HTML 中？ 🤔 背景与痛点 在前端开发的日常协作中，我们经常会遇到这样令人窒息的对话： 测试同学："这个环境是什...

在之前的过程中，基于DSL完成了列表页面的领域模型搭建和页面的动态开发，接下来我们是要根据列表页展示的按钮，完成详情的 动态增改查 功能...

TypeScript 的 .d.ts 文件看起来很神奇：不需要 import 就能生效。这背后的原理是什么？本文带你彻底搞懂。...

flex: 1 vs flex: auto 最通俗的解释 一句话核心区别 flex: 1：无视内容宽度，强制等分 flex: auto：尊重内容宽度，按需分配 1. 用实际...

引言：列表操作按钮的困境 在日常开发中，我们经常遇到这样的场景：数据表格的每一行都有多个操作按钮，如编辑、删除、查看、审核等。随着业务复杂度增加，按钮数量可能达到5个、8个...

前端性能优化实战：ECharts地图渲染12万+数据动态动画方案 项目背景 公司需要将全年设备安装量通过旗帜的形式展示在全国地图上，实现数据可视化大屏。主要技术挑战： 数据...

大家好😁。 上个月 Code Review，我拦下了一个新人的代码。 他写了一个转账功能，前端做了极其严密的校验： 金额必须是数字。 金额必须大于 0。 余额不足时，提交...

上周四下午，我正在调样式，突然电脑风扇开始咆哮。打开任务管理器：内存占用 15.5G / 16G。我人傻了，16G 内存开发个前端项目还能卡？仔细一看.......