11 2017 档案
摘要：optimist是一个node库，将webpack.config.js与shell参数整合成options对象 options对象包含之后构建的重要信息，类似于webpack.config.js webpack初始化: 构建compiler对象；初始化基本插件，把options对应的选项进行requ
阅读全文
摘要：rail是一种以用户为中心的性能模型，又google提出，其主要目标是让用户满意，主要分为response animation idle load四个部分 response 输入延迟时间小于100毫秒，超过这个时间用户能感知到延迟 animation 每一帧完成时间小于16毫秒，因为人眼可以感知到每
阅读全文
摘要：总所周知，网页加载渲染分为一下几个阶段: -构建dom树(dom tree) 从上到下解析html构建dom树，也叫内容树 -构建css树(CSSOM) 将css样式附着到dom树上生成CSSOM tree（css object model tree） -执行js 执行js代码（同步） -构建渲染树
阅读全文
摘要：本文总结自: http://www.jianshu.com/p/24874469dafd 内存泄漏常见的是如下四种情况，在此只做记录，方便参考，详情可查看以上链接 1.意外的全局变量 常见情况如下: 根据js语法可知，变量未声明就赋值将视为其作用域为全局作用域 或者 这也会创建一个全局变量 解决方法
阅读全文
摘要：随着JS模块化编程的发展，处理模块之间的依赖关系变得至关重要，随后诞生了CommonJS、AMD与CMD规范，但es6的import/export能代替他们，但因为本人所使用的webpack也支持前三者的语法，且面试题中常出现，因此只对他们做一个简要的总结: CommonJS 诞生最早，用于服务端，
阅读全文
摘要：Proxy Server 代理服务器，顾名思义，就是代理客户端的HTTP访问，主要代理浏览器访问网页，它的端口一般为80、8080、3128等。 前提: HTTP功能支持“直接连接”和通过”HTTP代理“形式的连接。选择其中的何种形式，要视用户所在的局域网（或其它上网环境）的具体情况。 代理服务器是
阅读全文
摘要：CDN（内容分发网络），它通过避开互联网上有可能影响传输速度与稳定性的缓解，使传输更快更稳定。 简单来说，就是将静态资源缓存到离用户很近的一个CDN节点上，不必千里迢迢去访问服务器，这样不仅能提高用户的访问速度，也能减少服务器的带宽消耗，降低负载。 不同地区的用户会访问到离自己最近的相同网络线路上的
阅读全文
摘要：对于vary的用法，网上有许多种说法，云里雾里的，在此仅阐述一下本人的一些理解，首先是官方解释: Vary头域值指定了一些请求头域，这些请求头域用来决定: 当缓存中存在一个响应，并且该缓存没有过期失效，是否被允许去利用此响应去回复后续请求而不需要重验证（revalidation）。 对于一个不能被缓
阅读全文
摘要：referer显示来源页面的完整地址，而origin显示来源页面的origin: protocal+host，不包含路径等信息，也就不会包含含有用户信息的敏感内容 referer存在于所有请求，而origin只存在于post请求，随便在页面上点击一个链接将不会发送origin 因此origin较re
阅读全文
摘要：Referrer-Policy（来源协议）用来规定什么情况下显示Referer字段及refer字段内显示多少信息。 备注: referer实际上是对referrer的误写，因为写错的人多了也就正确了。。请求头的refer延续了这个错误，但referrer-policy并没有。 http请求分为请求行
阅读全文
摘要：本文转载自: http://www.cnblogs.com/chenqf/p/6386163.html, 我在此只做一个要点的记录 首先，为方便理解，我们认为浏览器存在一个缓存数据库 HTTP缓存有多种规则，根据是否重新向服务器发送请求，可分为强制缓存和对比缓存。 强制缓存机制下如果缓存依旧有效，则
阅读全文
摘要：转载自http://www.iefans.net/liulanqi-zuida-bingfa-lianjieshu/，以方便查阅
阅读全文
摘要：可缓存性 no-cache（不直接使用缓存而不是不使用缓存） 强制要求 所有缓存了此响应的缓存用户，在使用已存储的缓存数据前，发送条件请求到原始服务器，若未过期，则使用缓存数据，否则重新获取 no-store 不存储有关客户端请求或服务器响应的任何内容 public 响应可以被任何对象（浏览器、代理
阅读全文
摘要：cross-env能跨平台地设置及使用环境变量 大多数情况下，在windows平台下使用类似于: NODE_ENV=production的命令行指令会卡住，windows平台与POSIX在使用命令行时有许多区别（例如在POSIX，使用$ENV_VAR,在windows，使用%ENV_VAR%。。。）
阅读全文
摘要：起初我认为这是ES6或者Webpack的语法，但查阅相关API后并没有相关说明，通过进一步地搜索，才知道这是Node模块系统的约定和实现（Webpack打包工具是兼容node模块系统的，自然遵守相关规则） 当require/import 的模块不是核心模块，或./"这样的相对路径，就会从当前pack
阅读全文
摘要：本文转载自: http://www.cnblogs.com/shijingxiang/articles/4434643.html 1.可扩展性 a.在消息中增添版本号，用于兼容判断，版本号只能判断逐段（hop-by-hop）的兼容性，不能判断端对端（end-to-end）的兼容性。 HTTP/1.1
阅读全文
摘要：chrome浏览器中，network的size经常出现以下情况： Served from memory cache，resource size xxB 不访问服务器，直接读缓存，从内存中读取缓存。此时的数据时缓存到内存中的，当kill进程后，数据将不存在（例如刷新页面） Served from di
阅读全文
摘要：按F5等同于点击页面地址栏的刷新图标。 地址栏输入地址然后回车: 根据缓存内容是否过期决定是否发送请求给服务端 F5: 浏览器无论如何都得发送请求给服务端，包含If-Modified-Since/If-None_match，因此可能返回304 Ctrl+F5:彻底从浏览器获取一份新的资源，请求中不会
阅读全文
摘要：HTTP HyperText Transfer Protocol超文本传输协议 HTTPS HyperText Transfer Protocol over Secure Socket Layer 基于安全套接字层的超文本传输协议 HTTPS= HTTP+ SSL 为什么使用HTTPS？ HTTP传
阅读全文
摘要：先来看看一个http请求实例 请求行: POST /chapter17/user.html HTTP/1.1 请求头: Accept: application/json, text/javascript, */*; q=0.01 Accept-Encoding: gzip, deflate Acce
阅读全文
摘要：MIME(Multipurpose Internet Mail Extensions)多用途网络邮件扩展类型，可被称为Media type或Content type， 它设定某种类型的文件当被浏览器打开的时候需要用什么样的应用程序，多用于HTTP通信和设定文档类型例如HTML。 之所以叫多用途网络邮
阅读全文
