风和日丽: 我正笑嘻嘻地抓着我炫酷的ikbc键盘疯狂的敲着Bug. 晴天霹雳: 被拉进了一个群,产品说我做的网站很卡,需要做性能优化. 难以置信: 我可是用尊贵的Vue3+T

作为新一代四有青年，在前端的路上，我们不能止步于满足日常的业务开发，一个项目做完我们更应该花些时间去复(mo)盘(yu)整个项目，想想怎么样让项目跑得更猛更快更好，现在我们就来扒一扒这些年前端优化的那些骚操作。 了解前端优化前，我们需要先了解一下浏览器运行机制，如果对这些东东不…

这篇文章主要参考了 Vue.js 核心成员 Guillaume Chau 在 19 年美国的 Vue conf 分享的主题：9 Performance secrets revealed，分享中提到了九个 Vue.js 性能优化的技巧。 我看完他的分享 PPT后，也阅读了相关的项…

当我们讨论「应用架构」的时候，可以理解为通过以下几个部分组合来构建网站。 Component model 组件模型。 Rendering and loading 渲染和加载。 Routing and transitions 路由和过渡。 Data/state managemen…

要说起前端性能优化，其实我们可以从 “输入 URL 到页面呈现” 这个知识点着手讲起。 jsliang 在这里将这些知识点一锅炖，看你吃下多少。 然后本地服务器向根服务器、顶级域名服务器、主域名服务器这些的请求就更不用说了，前端没法接触。 所以这个步骤我们忽略先。 这个步骤我们…

Jatin Rao 原作，授权 New Frontend 翻译。 最近几个月我收集了大量可以显著提升开发效率的资源链接，在这篇文章中我会分享其中一些。这些资源对我很有帮助，希望对你也是如此。闲话少叙，下面是一些很棒的免费资源！

if else、switch case 是日常开发中最常见的条件判断语句，这种看似简单的语句，当遇到复杂的业务场景时，如果处理不善，就会出现大量的逻辑嵌套，可读性差并且难以扩展。 下面我们会分别从 JavaScript 语法和 React JSX 语法两个方面来分享一些优化的技…

这个系列文章我尽量照顾前端的同学和后端的同学，不穿插讲述。尽量按照前端-后端-部署-运维来讲，当然中途涉及到跨域、Rest、oAuth2.0这种前后协调的还是无法避免捎带一笔。 这种目录阅读可能对于只掌握 前端/后端 一种技术栈的同学，或只想去看后端/前端/运维 的同学看上去非…

在云音乐的直播开发中会常遇到动画播放的需求，每个需求的应用场景不同，体积较小的动画大都采用 APNG 格式。 如果动画仅单独展示可以使用 <img> 直接展示 APNG 动画，但是会存在兼容性 Bug，例如：部分浏览器不支持 APNG 播放，Android 部分机型重…