笨笨橙

当我们使用webpack打包源代码的时候，可能很难追踪到原始的报错位置。比如：我们把多个js源文件打包到一个bundle.js里，当其中某一个源文件出错时，浏览器的报错只会指向bundle.js，这样很不利于代码调试。 Webpack中的Source maps，正是为了解决这个…

内存泄露（Memory Leaks）：是指应用程序已经不再需要的内存，由于某种原因未返回给操作系统或者空闲内存池（Pool of Free Memory）。 内存泄露可能带来的问题：变慢、卡顿、高延迟。 JavaScript内存泄漏的主要原因在于一些不再需要的引用（Unwant…

在一些低级语言中，比如：C语言，我们可以使用malloc()和free()来手动控制内存的分配与释放。但是，在JavaScript里，垃圾回收（Garbage Collection）会自动地帮我们完成内存的分配与释放。尽管如此，我们仍然有必要了解JavaScript中的内存管理…

上面的代码运行结果是：打印1，而不是2。因为setTimeout()的回调函数运行在独立的执行环境上。这导致了，无论在严格还是非严格模式下，回调函数的 this 都会指向 window 对象，这和所期望的this的值是不一样的。 setTimeout未必会按照延迟时间准时执行。…

Throttle和Debounce很相似，都是用于连续快速触发事件的场景中，但二者的具体功能并不相同。 我们会事先指定一个时长delay，当用户连续快速地触发某个事件的时候，只会依照delay定期执行。通过Throttle则可以实现这样的效果。 同样地，我们也会事先指定一个时长…

本文为《浏览器工作原理与实践》的读书笔记。 1. 构建请求 2. 查找缓存 3. DNS域名解析 同样地，浏览器还提供了 DNS 数据缓存服务。 4. 等待 TCP 队列 对于HTTP1.1而言，Chrome使用同一个域名同时最多只能建立 6 个 TCP 连接，超出数量则需排队…

本文为《浏览器工作原理与实践》的读书笔记。 任一线程出错，都会导致所在的整个进程崩溃。 同一进程内的线程可以共享进程数据。 不同进程间数据很难共享。 沙箱（sandbox）：沙箱中的进程没有访问本地资源的能力（例如文件系统，窗口系统，等等），是一种用于安全的运行程序的机制。 多…

背景：这篇博客为谢希仁老师的《计算机网络》第七版的读书笔记。 局域网属于数据链路层的范围。 数据链路层使用的信道类型：点对点信道和广播信道。 物理链路：是从一个结点到相邻结点的一段物理线路，而中间没有其他的交换结点。 逻辑链路：物理链路+通信协议。通常用网络适配器（软硬件兼有）…

这篇博客为谢希仁老师的《计算机网络》第七版的读书笔记。 物理层作用：物理层考虑的是如何在连接各种计算机的传输媒体上传输数据比特流，而不是具体的传输媒体，它要尽可能地屏蔽掉传输媒体和通信手段的差异，使物理层上面的数据链路层感觉不到这些差异。数据在计算机内部大多采用并行传输方式，但…