首页
AI Coding
数据标注
NEW
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
Web高性能
ErpanOmer
创建于2024-12-31
订阅专栏
让你拥有web高性能基础知识
等 14 人订阅
共60篇文章
创建于2024-12-31
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
2025快手直播至暗时刻:当黑产自动化洪流击穿P0防线,我们前端能做什么?🤷♂️
兄弟们,前天的瓜都吃了吗?🤣 说实话,作为一名还在写代码的打工仔,看到前天晚上快手那个热搜,我手里捧着的咖啡都不香了,后背一阵发凉。 12月22日晚上10点,正是流量最猛的时候,快手直播间突然失控。不
那个把代码写得亲妈都不认的同事,最后被劝退了🤷♂️
大家好😁。 上上周,我们在例会上送别了团队里的一位技术大牛,阿K。 说实话,阿K 的技术底子很强。他能手写 Webpack 插件,熟读 ECMA 规范,对 Chrome 的渲染管线了如指掌。 但最终,
Canvas 粒子特效:带你写一个黑客帝国同款的代码雨(附源码)😆
大家好,来了来了😁。 如果你问我,电影史上有哪个镜头,让无数少年瞬间燃起了对计算机世界的无限向往? 我会毫不犹豫地回答: 《黑客帝国》(The Matrix)开场的那一幕数字雨。 无数绿色的字符,像瀑
检测开发者工具是否打开?这几种方法让黑客无处遁形🤣
大家好,我来了😁。 前端代码在浏览器里是裸奔的。——这几乎是所有开发者的共识。 只要用户按一下 F12,你的源码、你的接口、你的数据结构,全部一览无余。黑客可以修改你的变量,脚本小子可以刷你的接口,竞
为什么永远不要相信前端输入?绕过前端验证,只需一个 cURL 命令!
大家好😁。 上个月 Code Review,我拦下了一个新人的代码。 他写了一个转账功能,前端做了极其严密的校验: 金额必须是数字。 金额必须大于 0。 余额不足时,提交按钮是 disabled 的。
利用 link rel="prefetch":如何让用户的页面秒开?
大家好,我又来了😁。 我们做性能优化,通常盯着的是 首屏加载速度(FCP, LCP)。我们压缩图片、拆分代码(Code Splitting)、上CDN... 拼了老命把首屏时间从 2s 压到了 1s。
这 5 个冷门的 HTML 标签,能让你少写 100 行 JS
大家好!😁。 Code Review 的时候,我最怕看到什么? 不是复杂的算法,也不是什么正则。而是明明一个 HTML 标签就能搞定的事,有人非要写几百行 JS + CSS 去重新发明轮子 。 前几天
🎉 Ant Design 6.0 来了!这一次它终于想通了什么?
大家好😁。 还记得我之前那篇吐槽《当 Ant Design 成了你最大的技术债》的文章吗😂?在那篇文章里,我痛斥了 Antd 的黑盒样式、难以覆盖的 !important 地狱,以及臃肿的 CSS-i
别再吹性能优化了:你的应用卡顿,纯粹是因为产品设计烂🤷♂️
大家好! 最近面试,我发现一个很有意思的事情。几乎每个高级前端的简历上,都专门开辟了一栏,叫性能优化。 里面写满了各种高大上的名词😖: 看着这些,我通常会问一个问题: 你为什么要渲染一个有一万条数据的
当你的Ant-Design成了你最大的技术债
大家好😁 如果你是一个前端,尤其是在B端(中后台)领域,Ant Design(antd)这个名字,你不可能没听过。 在过去的5年里,我们团队的所有新项目,技术选型里的第一行,永远是antd。它专业、开
我用AI重构了一段500行的屎山代码,这是我的Prompt和思考过程
大家好,我来了🙂。 我们团队,维护着一个有5年历史的史诗级中后台项目😖。在这座屎山里,有一个叫handleOrderSubmit.js的文件。 可以下载瞧一瞧 有多屎👉 handleOrderSubm
前端开发,真的有必要学Docker吗?
前几天,我们团队CI/CD流水线挂了,一个新来的前端同事跑来问我:“老大,我本地pnpm build明明是好的,为什么一到CI就报错?” 我看了看日志,node-gyp编译失败。我问他:“你本地的No
前端的设计模式?我觉得90%都是在过度设计!
最近Code Review的时候,我看到我们组一个很聪明的年轻同事,用观察者模式,写了一个极其复杂的全局状态订阅系统,就为了在一个组件里,响应另一个不相关的组件的点击事件。 比较常见的场景:点击 Bu
面试官:BFF 它到底解决了什么问题?又带来了哪些新问题?
随着后端微服务架构的普及,以及客户端形态(Web、iOS、小程序、桌面端)的日益多样化,我们前端开发常常会面临一个很尴尬的局面: 后端提供的API,往往是通用的、面向数据的,而我们前端需要的,却是定制
都2025年了,我们还有必要为了兼容性,去写那么多polyfill吗?
最近在Code Review里,我看到一个新同学在一个vite.config.js里,习惯性地加上了@vitejs/plugin-legacy,用来支持旧版浏览器。 我问他:“我们的目标用户里,真的还
Token已过期,我是如何实现无感刷新Token的?
我们来想象一个场景:你正在一个电商网站上,精心挑选了半小时的商品,填好了复杂的收货地址,满心欢喜地点击提交订单 Button。 突然,页面Duang🎈地一下,跳转到了登录页,并提示你:“登录状态已过期
前端需要掌握多少Node.js?
昨天下午,来了个刚毕业的学弟,很认真地跑过来问我:“哥,我看网上好多人都说前端要学Node,我到底要学到什么程度啊?是不是得把Express、Koa那些都搞会了才能找到好工作?” 看着他一脸焦虑的样子
前端监控实战:从性能指标到用户行为,我是如何搭建监控体系的
还在当一线开发的时候,我最怕半夜接到电话,说:线上出问题了!!!。 那时候我们对线上环境几乎是两眼一抹黑。一个功能发布后,它在线上跑得快不快、有没有报错、用户到底喜不喜欢用,我们一概不知。出了问题,只
深入WeakMap和WeakSet:管理数据和防止内存泄漏
咱们做前端的,天天都在跟Object和Array打交道。但ES6其实还给我们提供了另外两个非常有意思的数据结构:WeakMap和WeakSet。 说实话,我刚开始学这两个东西的时候,也觉得有点鸡肋。M
从 jQuery 到 React 再到 Svelte:我眼中的前端组件化演进史
干了8年前端,有时候回头看,感觉就像看了一部浓缩的科技史。我刚入行那会儿,简历上写“精通jQuery”还是个很重要的加分项;而现在,面试时聊的都是React Hooks、Vue Composition
下一页