我会尽量将文章写的通俗易懂。但是，要完全理解文章内容，需要你掌握这些前置知识： 如果你还不具备前置知识，可以先阅读React技术揭秘。 Context的实现与组件的render息息相关。在讲解其实现前，我们先来了解render的时机。 聊过。在这里再概括下： 在React中，每…

一、前言在前面几篇文章中，相信大家对vivo官网商城的前端架构演变有了一定的了解，从稳步推进前后端分离到小程序多端探索实践，团队不断创新尝试。在本文中，我们来分享一下vivo官网商城在Node服务端渲

本文主要介绍preload的使用，以及与prefetch的区别。然后会聊聊浏览器的加载优先级。 preload 提供了一种声明式的命令，让浏览器提前加载指定资源(加载后并不执行)，在需要执行的时候再执行。提供的好处主要是 目前我们支持的浏览器主要为高版本 Chrome，所以可放…

此文研究页面中的图片资源的加载和渲染时机，使得我们能更好的管理图片资源，避免不必要的流量和提高用户体验。

文章主要介绍了 前端 + 后端如何对站点进行优化，并拿出 Google 的前端代码做了分析。 性能优化是老生常谈了，从雅虎的 N 条军规，前端各种优化准则，到 2010 年 Google IO 上 Steven 提出的高性能建站指南，都在告诉开发者，一个站点的性能非常重要，如何在有限的带宽条件下，达到极限的访问性能，如何让访问者，无论是从响应速度，视觉感官，操作流畅度都达到最佳体验, 是目前 Web 技术上的一个至关重要的挑战.

自动化生成 H5 骨架页面

随着公司业务的不断壮大，最近老是有用户反应公司APP内的商城打开比较慢，这可不行啊，慢了容易流失用户，流失用户减少公司业绩，公司业绩少我的年终奖就少…………，所以为了公司，也为了自己，开始优化之路。 商城系统是去年开发的，是一个基于vue2.0的spa项目，最好的优化思路当然是…

书接上文，在之前的 聊聊前端开发中的长列表 中，笔者对「可视区域渲染」的列表进行了介绍，并写了一个简化的例子来展现如何实现。这种列表一般叫做 Virtual List，在本文中会使用「虚拟列表」来指代。在本文中，笔者会把上篇文章中的简化例子一步步强化成一个相对通用、性能优异的虚…