2020年3月19日
Ajax原理及其请求过程
摘要： Ajax原理和XmlHttpRequest对象 Ajax相当于在用户和服务器之间加了—个中间层,使用户操作与服务器响应异步化。并不是所有的用户请求都提交给服务器,像—些数据验证和数据处理等都交给Ajax引擎自己来做, 只有确定需要从服务器读取新数据时再由Ajax引擎代为向服务器提交请求。 Ajax的 阅读全文
posted @ 2020-03-19 10:28 Lorasysu 阅读(280) 评论(0) 推荐(0)
2020年3月14日
Event Loop
摘要： JS语言的一大特点就是单线程，为了协调事件，用户交互，脚本，UI渲染和网络处理等行为，防止主线程的不阻塞，Event Loop的方案应运而生。 根据规范，事件循环是通过任务队列的机制来进行协调。一个事件循环中，可以有一个或者多个任务队列，一个任务队列是一系列有序任务的集合；每个任务都有一个任务源，源 阅读全文
posted @ 2020-03-14 15:39 Lorasysu 阅读(133) 评论(0) 推荐(0)
JS闭包
摘要： 定义：函数A内部有函数B，且B能访问A的内部变量，B就是闭包。 用法：1.读取函数内部的变量；2.变量的值始终保持在内存中，不会在外层调用后自动清除。 优点：1:变量长期驻扎在内存中； 2:避免全局变量的污染； 3:私有成员的存在 ； 特性：1:函数套函数； 2:内部函数可以直接使用外部函数的局部变 阅读全文
posted @ 2020-03-14 09:22 Lorasysu 阅读(129) 评论(0) 推荐(0)
2020年3月13日
输入URL到页面渲染的整个流程
摘要： 1）应用层进行DNS解析 通过域名解析成IP地址。在解析过程中，按照浏览器缓存、系统缓存、路由器缓存、ISP(运营商)DNS缓存、根域名服务器、顶级域名服务器、主域名服务器的顺序，逐步读取缓存，直到拿到IP地址。 DNS协议是一个查询/回复的协议，查询和回复的数据格式相同。当一个应用需要把域名解析为 阅读全文
posted @ 2020-03-13 18:04 Lorasysu 阅读(393) 评论(0) 推荐(0)
webpack原理
摘要： 本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。 阅读全文
posted @ 2020-03-13 17:13 Lorasysu 阅读(755) 评论(0) 推荐(0)
进程和线程
摘要： 进程可看作系统中正在运行的一个程序，是系统资源分配的独立实体。每一个进程都有独立的地址空间，无法访问另一个进程的变量和数据结构，除非使用进程间的通信，比如管道，文件，套接字等。 一个进程可以拥有多个线程，每个线程使用所属进程的栈空间。 线程与进程的一个主要区别是，同一进程内的多个线程会共享部分状态， 阅读全文
posted @ 2020-03-13 14:47 Lorasysu 阅读(116) 评论(0) 推荐(0)
TCP与UDP
摘要： TCP与UDP的区别 UDP协议是面向无连接的，也就是说不需要在正式传递数据之前连接起双方；UDP协议只是数据报文的搬运工，不保证有序且不丢失地传递到对端，具有不可靠性和高效性，适用于实时性要求高的地方；UDP支持一对多，多对多，多对一的传输方式。 TCP在建立连接和断开连接都需要先进行握手，在传输 阅读全文
posted @ 2020-03-13 14:34 Lorasysu 阅读(239) 评论(0) 推荐(0)
对象的深拷贝和浅拷贝
摘要： 对象类型在赋值的过程其实是复制了地址，从而会导致改变了一方另一方也会改变。如下例子： let a = { age: 1}let b = aa.age = 2console.log(b.age) // 2 然而在开发中我们一般不希望出现这样的问题，于是就有了浅拷贝方法。 首先可以通过 Object.a 阅读全文
posted @ 2020-03-13 13:28 Lorasysu 阅读(145) 评论(0) 推荐(0)
js原型
摘要： 当我们创建一个对象时 let obj = { age: 25 }，我们可以发现能使用很多种函数，但是我们明明没有定义过它们。 当我们在浏览器中打印 obj 时你会发现，在 obj 上居然还有一个 __proto__ 属性，那么看来之前的疑问就和这个属性有关系了。 每个js对象都有__proto__ 阅读全文
posted @ 2020-03-13 12:59 Lorasysu 阅读(155) 评论(0) 推荐(0)
正确判断this
摘要： function foo() { console.log(this.a) } var a = 1 foo() const obj = { a: 2, foo: foo } obj.foo() const c = new foo() 先来看几种常见的用法场景： 1）对于直接调用foo来说，this指向 阅读全文
posted @ 2020-03-13 11:23 Lorasysu 阅读(141) 评论(0) 推荐(0)
下一页