本文主要考虑客户端性能、服务器端和网络性能，内容框架来自Yahoo Developer Network，包含 7 个类别共 35 条前端性能优化最佳实践，在此基础上补充了一些相关或者更符合主流技术的内容。 前端性能的一个重要指标是页面加载时间，不仅事关用户体验，也是搜索引擎排名…

这道面试题是无意间在微信群里看到的，据说是某厂的面试题。一般关于 Promise 的面试题无非是考察宏微任务、EventLoop 之类的，当我认真去分析这道题的时候，越看越不对劲，感觉有诈！这是要考察啥？ 这里4怎么跑到3后面去了，不讲武德？ Why...... 在我看来，这道…

第一种是懒加载，就是所谓的无限滚动，每当滚动到底部的时候去添加新的数据，渲染对应的DOM。这种方式一般也是比较常用的，也能解决大部分问题。 第二种是可视区域加载，也就是所谓的虚拟列表，每次只加载当前能看到的部分DOM，随着页面往下滚动更新页面DOM的数据，让人感觉是正常滑动。是…

虚拟列表即只渲染可视区域的数据，使得在列表数据庞大的情况下，只显示可视区域的数据，顶部和底部不可见的区域以一个空的dom来代替（留白），这样就能大量减少dom的渲染量，使得列表能够流畅地无限滚动，这在移动端是十分重要的。 实现虚拟列表的方案主要是计算出可视区域要显示哪些数据，然…

工作中，我们经常会遇到列表项。这次我们就来介绍一种虚拟列表的优化方法来解决数据量大的时候列表的性能问题。

本篇文章围绕了 CSS 的核心知识点和项目中常见的需求来展开。虽然行文偏长，但较基础，适合初级中级前端阅读，阅读的时候请适当跳过已经掌握的部分。 这篇文章断断续续写了比较久，也参考了许多优秀的文章，但或许文章里还是存在不好或不对的地方，请多多指教，可以评论里直接提出来哈。 小t…

本文将从 V8 出发从原理到面试题进行一个串联，帮助你形成一个比较好的体系。 人眼前一亮。 我们知道的这些内容，大多都说是 JS 里的特性，这可能只是一个笼统模糊的回答，第一个重点：V8 和 宿主 的功能傻傻分不清楚。 V8 是由谷歌收购并使用 C++开发并开源的 javasc…

在日常生活中，二维码出现在很多场景，比如超市支付、系统登录、应用下载等等。了解二维码的原理，可以为技术人员在技术选型时提供新的思路。对于非技术人员呢，除了解惑，还可以引导他更好地辨别生活中遇到的各种二维码，防止上当受骗。 二维码最常用的场景之一就是通过手机端应用扫描PC或者WE…

DNS,英文全称为Domain Name System。该系统能够提供将某个特定的域名解析为IP地址的互联网服务。它本质上是一个存储着从域名到IP地址映射关系的分布式数据库。它是当今互联网众多核心协议中的一员。 老子的《道德经》第四十二章节有云：“道生一，一生二，二生三，三生万…