原文地址：Preload, Prefetch And Priorities in Chrome 原文作者：Addy Osmani 译文出自：掘金翻译计划 译者：gy134340 校对者：IridescentMia,vuuihc 今天我们来深入研究一下 Chrome 的网络协议栈…

做完了这个页面做下个，新建文件，复制代码，注册路由... "海量可复用物料，通过 GUI 工具极速构建中后台应用"。 飞冰是一套综合解决方案，用来极速构建中后台应用（其实也可以做非中后台应用）。 可以做到极速是通过『海量可复用物料』和『GUI 开发工具』实现的。 在整个流程中，…

webpack 是用于打包前端资源的绝佳工具。然而，当运行开始变慢时，开箱即用的生态和大量的第三方工具使得优化变得十分困难。虽然性能不佳是一种常态而不是特例。但也不是没有办法来优化，经过几个小时的调研与试错，我完成了这样一份现场指南，可以让我们在加快构建的道路上学到更多知识。 …

下面是前端性能问题的概述，您可能需要考虑以确保您的响应时间是快速和平滑的。 使用 资源提示 来节约时间，如 dns-prefetch （在后台执行 DNS 查询），preconnect （告诉浏览器在后台进行连接握手（DNS, TCP, TLS）），prefetch (告诉浏览…

用户体验一直是前端开发需要考虑的重要部分，在数据请求时常见到锁屏的loading动画，而现在越来越多的产品倾向于使用Skeleton Screen Loading(骨架屏)替代，以优化用户体验。

详情页也叫做单品页，域名以「item.jd.com/skuid.html」为格式的页面。是负责展示京东商品 SKU 的落地页。主要任务是展示和商品相关的信息，如：价格、促销、库存、推荐，从而引导用户进入购买流程。同时单品页有很多版本。一般分为两类。一类我们通常看到的「通用类目详…

原文地址：Rearchitecting Airbnb’s Frontend 原文作者：Adam Neary 译文出自：掘金翻译计划 译者：sunui 校对者：Dalston Xu、yzgyyang 概述：最近，我们重新思考了 Airbnb 代码库中 JavaScript 部分的…