输入URL背后的技术步骤
输入URL背后的技术步骤
[[toc]]
一道经典的面试题,涵盖的知识点非常多,这里解答下该问题,以对自己的知识体系进行梳理。
系统层
发起http请求,解析域名
DNS
Chrome搜索自身DNS缓存。chrome输入chrome://net-internals/#dns可查看到
搜索操作系统自 ...
Promise & async
Promise & async
[[toc]]
Promise
主要用于异步计算
可以将异步操作队列化,按照期望的顺序执行,返回符合预期的结果
可以在对象之间传递和操作promise,帮助我们处理队列
实现一个 Promise
let resolvePromise = (promise2 ...
Web Worker
Web Worker
[[toc]]
JavaScript 语言采用的是单线程模型,也就是说,所有任务只能在一个线程上完成,一次只能做一件事。前面的任务没做完,后面的任务只能等着。随着电脑计算能力的增强,尤其是多核 CPU 的出现,单线程带来很大的不便,无法充分发挥计算机的计算能力。
Web Wor ...
简易封装Cookie
简易封装Cookie
[[toc]]
Cookie不仅仅有名字和值两个属性,还有域(domain)、路径(path)等属性。其中,不同的域、不同的路径下可以存在同样名字的cookie。一般我们设置cookie的方法是用一个同样名字、一个值。这时就一定要搞清楚你要设置的cookie的域和路径,否则就会 ...
WebSocket & socket.io
WebSocket & socket.io
[[toc]]
前言
大家参与的项目里多少都会有web server与browser需要长连接互联的场景,比如即时通讯、即时报价等,为了解决这个问题,便出现了 WebSocket 协议,实现了客户端和服务端双向通信的能力。介绍 WebSocket ...
Fetch和Axios的区别
Fetch和Axios的区别
[[toc]]
AJAXconst xhr = new XMLHttpRequest();xhr.withCredentials = true; // 添加cookiexhr.onreadystatechange = function () { if ( ...
CSS使用锦囊
CSS使用锦囊
[[toc]]
Brand Color
#409EFF
Success
#67C23A
...