- 博客(6)
- 收藏
- 关注
RSS订阅原创 深刻理解前端缓存
想看原文戳这里。前端缓存与后端缓存的区别基本的网络请求就是三个步骤：请求、处理、响应。后端缓存的作用主要是进行“处理”步骤，通过保留数据库连接，存储处理结果等方式缩短处理时间，尽快进入“响应”步骤。这当然不在本文的讨论范围之内。那么前端缓存的任务就是处理剩下的两步：“请求”和“响应”。在“请求”步骤中，浏览器也可以通过存储结果的方式直接使用资源，省去了发送请求的步骤；而“响应”...
2019-07-28 08:20:30
441
原创 从输入url到页面显示都经历了什么
一般会经历一下几个过程：1.首先在浏览器地址栏中输入url。2.浏览器先查看浏览器缓存——系统缓存——路由器缓存，如果缓存中有，就直接在浏览器中显示内容。若没有则跳到第三步操作。3.在发送http请求前需要先进性域名解析（DNS解析）（DNS：域名系统（Domain Name System）是互联网的一项核心服务，它作为可以将域名和IP地址相互映射的一个分布式数据库，能够使人更方便的访...
2019-07-26 16:43:14
1211
原创 说一下JavaScript的执行机制
一、为什么JavaScript采用单线程JavaScript语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。那么，为什么JavaScript不能有多个线程呢？这样能提高效率啊。JavaScript的单线程，与它的用途有关。作为浏览器脚本语言，JavaScript的主要用途是与用户互动，以及操作DOM。这决定了它只能是单线程，否则会带来很复杂的同步问题。比如，假定JavaScri...
2019-07-26 10:33:23
259
原创 addEventListener()
本文参考了《JavaScript权威指南》在除IE8及之前版本之外的所有浏览器都支持的标准事件模型中，任何能称为时间目标的对象——这些对象包括Window对象、Document对象和所有文档元素都定义了一个叫addEventListener()的方法。使用这个方法可以为事件目标注册事件处理程序。addEventListener()接受三个参数：第一个是要注册处理程序的事件类型，这个事件类型...
2019-07-25 18:44:54
208
原创 延迟脚本（defer）和异步脚本（async）的区别和联系
延迟脚本和异步脚本都是都是JavaScript中<script>标签的属性。由于JavaScript是单线程的，解析器在解析程序时，遇到<script>标签就会暂停解析文档，将控制权交给js引擎来下载（如果需要的话）或执行js文件。如果js文件过大或所用的时间过长就会导致浏览器的渲染时间过长，会严重影响用户体验，这当然是我们不想看到的，谁会喜欢一个反应特别慢的网站呢。因...
2019-07-25 12:04:35
554
原创 客户端js时间线
由于JavaScript是单线程的，了解客户端js时间线对我们来说很重要，让我们可以更清晰地知道某些步骤的执行顺序。以下的文章参考了《JavaScript权威指南》。总体来说JavaScript程序从脚本执行阶段开始，然后开始切换到事件处理阶段。以下是JavaScript程序执行的详细时间线。1.Web浏览器创建document对象，并且开始解析Web页面，解析HTML元素和他们的文本内容...
2019-07-25 11:03:27
259
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人