Web开发常用布局方式总结 一.概述 无论是前端还是客户端开发都离不开页面的展示，而页面是由布局和各种组件构成的。布局好比是建筑里的框架，而组件则相当于建筑里的砖瓦。组件按照布局的要求依次排列，就组成

前言 曾经我只会一个console.log，但是我充满了自信，觉得一个打印输出就能解决所有问题。后来，在阅读vue源码的旅途里，我感受到了迷茫，无所适从，觉得每一处都需要打印输出，才能解决我的困惑，所

浏览器将HTML，CSS，JavaScript转换为屏幕上所呈现的实际像素，这期间所经历的一系列步骤，叫做关键渲染路径（Critical Rendering Path）。 图1-1给出了关键渲染路径的具体步骤。如图所示，首先，浏览器获取HTML并开始构建DOM（文档对象模型 -…

缓存是怎么存的，缓存存在哪里，什么是强缓存，什么是协商缓存，如何触发强缓存，去内存取还是去硬盘取缓存？

代码传送门 概念 一、强缓存 在向服务端发送请求之前，浏览器会根据请求头部携带的Cache-Control或者Expires来尝试命中强缓存，如果命中则直接返回资源，不会再向服务器发送请求 强缓存的原

最近在翻红宝书，看到 Web Worker 那章，猛然意识到，通过它竟然可以把几个缓存相关的概念串起来，甚是有趣，撰文记之。最后我也写了一个完整的离线应用 Demo，以供运行调试。

小伙伴们经常说在日常的项目开发中，都是单纯的搬砖，没啥亮点嘛，那还等什么？一起来学下web worker吧

在介绍目前比较流行的一些开源的前端存储方案之前，阿宝哥先分享一些与存储有关，有趣好玩的开源库。 ShareDB 是一个基于 JSON 文档操作转换（OT）的实时数据库后端。它是 DerbyJS Web 应用程序框架的实时后端。 ImmortalDB 是在浏览器中存储持久键值数据…

众所周知，JavaScript 是单线程的语言。当我们面临需要大量计算的场景时（比如视频解码等），UI 线程就会被阻塞，甚至浏览器直接卡死。