随笔分类 - 51-01. 前后端通信、AJAX、HTTP、...
摘要：axios（阿克晓奥丝，爱可信） axios：基于promise封装的ajax库，基于这个类库发送ajax请求，默认就是基于promise管理的 核心还是XMLHttpRequest 官网 axios.get/head/delete/options/post/put/patch 发送对应类别请求的方
阅读全文
摘要：TCP是一种面向连接的、可靠的、基于字节流的传输层通信协议 TCP是一个非常复杂的传输协议，一般客户端和服务端进行通讯的时候一定通过TCP建立链接，以及断开的时候也会进行TCP链接，常用我们熟知的有三次握手以及四次挥手 客户端想要和服务端联系的时候要进行三次握手 当客户端想要和服务端进行联机的时候，
阅读全文
摘要：一、IP地址的寻址 首先在浏览器的缓存里查找，有没有这个域名的IP地址，然后是到 host 文件里查找，然后到路由器的缓存里查找，最后到 dns 服务器里查找，如果没有就到更高一级的 dns 服务器去查找，直到找到为止。 二、请求数据 首先是向这个 IP 地址发起连接的请求，进行 tcp 的三次握手
阅读全文
摘要：首先 JavaScript 是单线程的，所谓单线程，是指在JS引擎中负责解释和执行JavaScript代码的线程只有一个。不妨叫它主线程。 但是实际上还存在其他的线程。例如：处理AJAX请求的线程、处理DOM事件的线程、定时器线程、读写文件的线程(例如在Node.js中)等等。这些线程可能存在于JS
阅读全文
摘要：浏览器缓存 客户端第一次获取到资源后，根据响应的 header 内容来决定如何缓存资源，可能采用的是强缓存，也可能告诉客户端浏览器采用协商缓存。 下面用两幅图来描述浏览器的缓存是怎么玩的，让大家有个大概的认知。 浏览器第一次请求时： 浏览器后续在进行请求时： 从上图可以知道，浏览器缓存包含两种类型，
阅读全文
摘要：HTTP协议采用“请求-应答”模式，当使用普通模式，即非KeepAlive模式时，每个请求/应答客户和服务器都要新建一个连接，完成之后立即断开连接（HTTP协议为无连接的协议）；当使用 Keep-Alive 模式（又称持久连接、连接重用）时，Keep-Alive 功能使客户端到服务器端的连接持续有效
阅读全文
摘要：源：（协议、域名、端口） 比如：某个网站完整的地址：http://www.baidu.com:8000 其中，http 为协议，www.baidu.com 是域名，8000 是端口 同源、跨域： 同域名、同端口、同协议，就叫同源。不同源就叫跨域 同源策略： 是一种约定，它是浏览器最核心也最基本的安全
阅读全文
摘要：用户卸载网页的时候，有时需要向服务器发一些数据。很自然的做法是在unload事件或beforeunload事件的监听函数里面，使用XMLHttpRequest对象发送数据。但是，这样做不是很可靠，因为XMLHttpRequest对象是异步发送，很可能在它即将发送的时候，页面已经卸载了，从而导致发送取
阅读全文
摘要：window.location.hash 既可以设置也可以获取。 获取的 hash 长这样-> /#p=13 。 获取 hash 值 ：hashNum = window.location.hash.split ( " = " ) [ 1 ] * 1 ; 设置 hash 值 ：window.locat
阅读全文
摘要：fetch和ajax的区别：fetch代码更加简洁，适用于更高版本浏览器。ajax可以监听到请求过程，兼容性好....... fetch 注意：由于Fetch API是基于Promise设计，旧浏览器不支持Promise，需要使用pollyfill es6-promise fetch GET 请求
阅读全文
摘要：window.localStorage： （翻译：窗口的本地存储） 体积5M，据说未来还会增大 生命周期，只要不清都在 在localStorage中只能以字符串的形式进行保存，所以在存入localStorage之前，我们需要将json格式的数据进行转化成string格式。 获取对象： var sto
阅读全文
摘要：cookie 其实是个后端技术 指某些网站为了辨别用户身份、进行 session 跟踪而储存在用户本地终端上的数据（通常是经过加密的） 服务器本身是没有记录客户端身份的方法的。 以前是字字千金，一个域下只能设置几十个，而现在据说有5M（5兆） 对于前端来说，种cookie就是给document设置了
阅读全文
摘要：跨域问题 现在绝大多数公司的项目都是前后端分离的，前后端分离后势必会遇到跨域问题。如下图 分析一下此时都发生了什么？ 我的地址是：http://localhost:3001/ 需要访问的地址是：http://localhost:8000/api/... 上图，代表我已经发出了请求信息，而且后端也收到
阅读全文
摘要：HTMl跳转： a标签跳转 <a href = " http://www.baidu.com " target = " _blank ">点击跳转</a> target = " _self " 当前页面跳转 target = " _blank " 新开页面跳转 window.open( " 地址 "
阅读全文
摘要：Promise 基础认识 用 Promise 主要是换种写法而已 （通过callBack的思想把异步编程变成同步的一种写法） 英文是“承诺”的意思，表示其它手段无法改变。 Promise 的原理？（面试题） 一句话总结promise原理：resolve, reject两个回调函数控制promise内
阅读全文
摘要：Status Code 状态码 （在 Network 中找 / xhr.status） xhr.status ⇒ http 状态码 以 2xx 为开头的都表示请求成功响应. 200 请求成功 202 Accepted 服务器已接受请求，但尚未处理（异步） 204 No Content 请求处理成功，
阅读全文
摘要：传统的<from>交互方式： <!-- get --> <form action="/get"> 用户名：<input type="text" name="user"/> 密码：<input type="password" name="password"/> <input type="submit"
阅读全文
摘要：以前的网站：只要用户进行操作，去访问新的数据，都会刷新整个页面。 刷新页面对用户体验不好，增加服务器的压力，增加带宽成本 在请求服务器的时候，页面中有一部分数据没有请求完毕，下面的代码都会被阻塞。 ajax：Asynchronous Javascript And XML（异步的js和XML） 以前更
阅读全文
浙公网安备 33010602011771号