FRONTEND 八月 15, 2020

浏览器工作原理 — 之 HTTP 请求与解析

文章字数 27k 阅读约需 25 mins.

浏览器工作原理是一块非常重要的内容,我们经常看到的 重绘重排 或者一些讲解 CSS 属性的时候,都会用到一些浏览器工作原理的知识来讲解。理论化学习浏览器工作原理,效果不是很大,而且很枯燥,所以这里我们从零开始用 JavaScript 来实现一个浏览器。

通过自己实现一遍简单的浏览器,我们会对浏览器的基本原理有更为深刻的理解。

  • 首先浏览器是由 5 个步骤完成的整体渲染
  • 我们从 URL 访问一个网页,经过浏览器的解析和渲染后成为了 Bitmap
  • 最后通过我们的显卡驱动设配出去画面,让我们看到完成的页面
  • 这是一个浏览器的渲染流程
  • 这里我们只实现一个简单的基础流程,但是真正的浏览器还包含了...
查看全文

FRONTEND 十一月 02, 2019

JavaScript中更简便的数组处理函数.map(),.reduce(),.filter()

文章字数 9.3k 阅读约需 8 mins.

如果你刚接触JavaScript可能你还没有听说过.map().reduce().filter()。或者听说过,看过别人用过但是自己在实际项目中没有用过。在国内很多开发项目都是需要考虑IE8的兼容,为了兼容很多JavaScript好用的方法和技巧都被埋没了。但是我发现近几年开始,很多开发项目已经完全抛弃了IE这个魔鬼了。如果你不需要兼容古老的IE浏览器了,那就要开始熟悉一下这几个方法来处理数组。

注意这遍文章说的的3个方法其实在很多其他语言都可以使用到,因为这几个方法和使用概念在很多其他语...

查看全文

FRONTEND 十月 11, 2019

使用Console技巧提高JS调试技能

文章字数 6.8k 阅读约需 6 mins.

其实 JavaScript 给到我们很多调试工具来调试代码,那问问你自己,你又知道多少呢?用到多少呢?

大部分前端开发在 JavaScript 调试代码的常规用法都是直接console.log,直接输出某一个变量或者返回数据里面的对象数据。当然毋庸置疑这样输出来调试是没有问题的。但是不是最优雅的方式来调试代码,其实还有更好的办法。作为一个有追求的技术人才,有更好的调试方式为什么不去使用呢?

我们先来了解清楚浏览器的console。浏览器的console对象有提供自带的调试控制台。console...

查看全文
0%