Web

  • 大概的比较一下session和cookie 的区别,不涉及深入的原理。

    cookie

    • 首先,http是无状态的协议,客户每次读取web页面的时候,服务器都打开新的会话,服务器也不会自动维护客户的上下文信息,要实现辨别用户身份,就用到了cookie

    • 当我们填好用户密码登录的时候,会向服务器发送一个请求,服务器验证用户通过后,就会给客户端返回一个响应头'Set-Cookie' ,从而使客户在之后的请求,请求头中都有用户信息的cookie,服务器拿到请求头中的cookie,验证正确以及是否过期,来决定是否允许访问。这种会话cookie,是保存在内存中的,也就是当浏览器程序关闭以后,内存消失,

  • 开始

    从浏览器输入一个 url 开始,到页面完成渲染,整个过程的分析,重要知识点的介绍,以及哪些地方前端需要着重注意可以做优化。

    以打开 google.com 为例。

    第一部分:过程

    也就是链路,url 输入开始到页面渲染,发生了什么,以及重要知识点。

    浏览器

    过程分为几个大的模块,首先是开始在浏览器端。

    输入提示

    从浏览器地址框输入一个 g ,浏览器会根据你的历史访问,书签等,给出输入建议,假如说我以前打开过 google.com,浏览器就会根据它的算法匹配并给出 4,5 条建议地址。

    有时候提示还会根据浏览器默认搜索引擎的搜索记录,去匹配最近的搜索记录。

    url 解析

    也就是输入完地址,敲

  • 大概的比较一下session和cookie 的区别,不涉及深入的原理。

    cookie

    • 首先,http是无状态的协议,客户每次读取web页面的时候,服务器都打开新的会话,服务器也不会自动维护客户的上下文信息,要实现辨别用户身份,就用到了cookie

    • 当我们填好用户密码登录的时候,会向服务器发送一个请求,服务器验证用户通过后,就会给客户端返回一个响应头'Set-Cookie' ,从而使客户在之后的请求,请求头中都有用户信息的cookie,服务器拿到请求头中的cookie,验证正确以及是否过期,来决定是否允许访问。这种会话cookie,是保存在内存中的,也就是当浏览器程序关闭以后,内存消失,

  • 开始

    从浏览器输入一个 url 开始,到页面完成渲染,整个过程的分析,重要知识点的介绍,以及哪些地方前端需要着重注意可以做优化。

    以打开 google.com 为例。

    第一部分:过程

    也就是链路,url 输入开始到页面渲染,发生了什么,以及重要知识点。

    浏览器

    过程分为几个大的模块,首先是开始在浏览器端。

    输入提示

    从浏览器地址框输入一个 g ,浏览器会根据你的历史访问,书签等,给出输入建议,假如说我以前打开过 google.com,浏览器就会根据它的算法匹配并给出 4,5 条建议地址。

    有时候提示还会根据浏览器默认搜索引擎的搜索记录,去匹配最近的搜索记录。

    url 解析

    也就是输入完地址,敲

  • 网上关于缓存的文章非常多,但大都比较片面,或者只对某块进行了深入,没有把它们联系起来,本着系统学习的态度,笔者进行了整理,写成一个小系列,方便自己也方便他人共同学习,有写的不对的地方欢迎指正。
    缓存(一)——缓存总览:从性能优化的角度看缓存
    缓存(二)——浏览器缓存机制:强缓存、协商缓存
    缓存(三)——数据存储:cookie、Storage、indexedDB
    缓存(四)——离线应用缓存:App Cache => Manifest
    缓存(五)——离线应用缓存:Service Worker(还没写,先占坑)

    简单对比

    储存的数据可能是从服务器端获取到的数据,也可能是在多个页面中需要频繁