保持初心 保持好奇

前言Http 缓存机制作为 web 性能优化的重要手段，对于从事 Web 开发的同学们来说，应该是知识体系库中的一个基础环节，同时对于有志成为前端架构师的同学来说是必备的知识技能。 但是对于很多前端同学来说，仅仅只是知道浏览器会对请求的静态文件进行缓存，但是为什么被缓存，缓存是怎样生效的，却并不是很清楚。 在此，我会尝试用简单明了的文字，像大家系统的介绍HTTP缓存机制，期望对各位正确的理解前端

目录　　一、介绍　　二、渲染引擎　　三、解析与DOM树构建　　四、渲染树构建　　五、布局　　六、绘制　　七、动态变化　　八、渲染引擎的线程　　九、CSS2可视模型　　英文原文：How Browsers Work: Behind the Scenes of Modern Web Browsers　　一、介绍　　浏览器可以被认为是使用最广泛的软件，本文将介绍浏览器的工作原理，我们将看到，

1.用户向浏览器输入www.web.com这个域名，浏览器第一次发现本地没有dns缓存，则向网站的DNS服务器请求；2.网站的DNS域名解析器设置了CNAME，指向了www.web.51cdn.com,请求指向了CDN网络中的智能DNS负载均衡系统；3.智能DNS负载均衡系统解析域名，把对用户响应速度最快的IP节点返回给用户；4.用户向该IP节点（CDN服务器）发出请求；5.由于是第一次访问

1.file协议中文意思：本地文件传输协议 什么是File：File协议主要用于访问本地计算机中的文件，就如同在Windows资源管理器中打开文件一样。 如何使用File：要使用File协议，基本的格式如下：file:///文件路径，比如要打开F盘flash文件夹中的1.swf文件，那么可以在资源管理器或浏览器地址栏中输入：file:///f:/flash/1.swf回车。2.uri中为什么本地文件file后面跟三个斜杠, http等协议跟两个斜杠?

var str = 'Beth-Chan';// 字符串是类数组对象console.log(str.length); // 9console.log(str[2]); // tfor (let i = 0; i < str.length; i++) { console.log(i + ' ~ ' + str[i]);}var trimStr = ' Beth Chan...

什么是闭包？在我的理解里，变量的作用域属于函数作用域，在函数执行后作用域就会被清理，基于内存回收机制，内存也随之回收，而闭包是建立在一个函数内部的子函数，可继承作用域，访问上级作用域，即使上级函数执行完，内部函数引用还在，所以参数和变量还是在内存里，作用域没有随之销毁，这时的子函数——也就是闭包，便拥有了访问上级作用域中变量的权限。

直接 share 代码：

官网：https://nodejs.org API： https://nodejs.org/api/ （英文版）http://nodejs.cn/api/ （中文版）

自己看了觉得颇有收获的书： 《JavaScript高级程序设计》 《深入理解JavaScript》 喜欢它的第3部分深入JavaScript部分，英文版为《Speaking JavaScript》 《JavaScript面向对象精要》 跟高程同个作者，内容质量个人觉得很不错 《JavaScript权威指南》 类似API书，适合查漏补缺（下面记录我整理的一部分JavaScript笔记，通过空行和缩进分隔知识点）

HTML（HyperText Markup Language，超文本标记语言），其实可以理解为普通文本加HTML标签/标记。XHTML（eXtensible HyperText Markup Language,可扩展超文本标记语言)，是更严格、更纯净的HTML。XML（eXtensible Markup Language，可扩展标记语言）文档是结构化文档。HTML 4.01 ->...