Tutu Blog

函数防抖和函数节流

函数防抖 事件触发n秒后执行回调,如果n秒内再次触发,重新计时。 应用场景: ajax提交,下拉刷新 12345678910111213141516171819202122232425262728293031323334function debounce(fn, delay, triggerNow) { let t = null, res; const debounc......

Vue为什么可以通过this直接访问data的值

为什么可以直接通过this 访问到data的值 Vue 一开始会调用_init方法进行初始化 1234567891011121314function Vue (options) { if (process.env.NODE_ENV !== 'production' && // 非生产模式 !(this instanceof Vue)// 判断 this......
vue

HTTP深入浅出之HTTP性能与服务器推送

http1.0,http1.1,http2.0区别(HTTP1.1版本新特性?HTTP2版本新特性? HTTP1.1与HTTP1.0的区别: 缓存处理,在HTTP1.0中主要使用header里的If-Modified-Since,Expires来做为缓存判断的标准,HTTP1.1则引入了更多的缓存控制策略例如Entity tag,If-Unmodified-Since, If-Matc......

HTTP深入浅出之鉴权与安全

谈谈Session/cookie机制,如何实现会话跟踪? https://www.cnblogs.com/andy-zhou/p/5360107.html#_caption_0 Cookie 理解 进公园 背景: 这个公园有一个总公园, 总公园里有许多小公园(总公园是登录页面, 小公园是域名相同的页面) 第一次进总公园, (第一次请求某个服务器) 工作人员检查你的入园是否符合条件(后端查......

HTTP深入浅出之HTTPS原理以及握手细节

HTTPS的原理是什么? HTTPS 就是HTTP+TLS/SSL.HTTP是超文本传输协议,SLL/TLS是加密协议,它的思路就是公钥加密法。客户端先向服务器获取公钥,然后用公钥加密信息,服务器收到信息后,用自己的私钥进行解密。这里存在两个问题,一是如何保证公钥不被篡改,可以将公钥放在数字证书中。二是公钥加密计算量太大,每次对话 客户端和服务端都生成一个”对话密钥“,用他来加密信息。由于......

HTTP深入浅出之缓存

什么是Web缓存?原理如何? 浏览器缓存,又称 HTTP 缓存,指的是:当我们浏览网站的时候,浏览器会在本地存储一个副本,以便下次访问同个网址的时候可以不再连接服务器,直接使用本地的缓存。服务器端程序可以通过 HTTP Cache Headers 来控制缓存行为,减轻服务器的负担,缩短了响应时间,显著得提高网站的性能。 缓存更新机制:https://zhuanlan.zhihu.com/p......

HTTP深入浅出之报文与状态码

状态码200,301,304,403, 404, 500,503分别代表什么意思 100-199 用于指定客户端应相应的某些动作。 200-299 用于表示请求成功。 300-399 用于已经移动的文件并且常被包含在定位头信息中指定新的地址信息。 400-499 用于指出客户端的错误。 500-599 用于支持服务器错误。 状态代码 状态信息 含义 200 OK 一切正常,......

HTTP深入浅出之HTTP方法、静态服务器和RESTfulAPI.md

常见HTTP方法有哪些?使用场景分别是什么? GET:获取资源 GET 方法用来请求访问已被 URI 识别的资源。 指定的资源经服务器 端解析后返回响应内容。 POST:传输实体主体 POST 方法用来传输实体的主体。 PUT:传输文件 PUT 方法用来传输文件。 HEAD:获得报文首部 HEAD 方法和 GET 方法一样, 只是不返回报文主体部分。 DELETE:......

HTTP深入浅出之网络模型与TCP协议

URI与URL的区别 URI 是统一资源标志符,URL是统一资源定位符,URN是统一资源名称,URI分为三种,URL,URN or (URL and URN).URL代表资源的路径地址,URI代表资源的名称。URL就是一种URI,他标识一个互联网资源,并制定对其操作或获取该资源的方法。比如标识一个人的身份,通过身份证(URI)独一无二的指出,也可以通过一种住址的方式(URL)去标识。同样标......

面向对象一道面试题

第一题 要求不使用 class,完成如下需求: 写出一个构造函数 Animal 输入为空 输出为一个新对象,该对象的共有属性为 {行动: function(){}},没有自有属性 再写出一个构造函数 Human Human 继承 Animal 输入为一个对象,如 {name: ‘Frank’, birthday: ‘2000-10-10’} 输出为一个新对象,该对象自有的属......
JS