博客之前一直serve在github.io上面，由于github访问速度实在是慢，所以打算迁移到自己买的阿里云服务器上。 但是，当我把自己的域名解析到阿里云服务器上时， wtf，返回的页面居然是一个阿里云的页面，要求我对服务器进行备案。 备案？emmm...可以接受。我点进去，…

在上一篇《从 Chrome 源码看浏览器如何构建 DOM 树》介绍了 blink 如何创建一棵 DOM 树，在这一篇将介绍事件机制。 上一篇还有一个地方未提及，那就是在构建完 DOM 之后，浏览器将会触发 DOMContentLoaded 事件，这个事件是在处理 tokens 的时候遇到 EndOfFile 标志符时触发的

作为一个互联网前端老鸟，这么些年下来，做过的项目也不少。从最初的我的 QQ 中心、QQ 圈子，到后面的 QQ 群项目、腾讯课堂。从几个人的项目，到近百号人的项目都经历过。 这期间，实现了很多的产品需求，也积累了一些经验。这里稍作总结，希望能给新入行的前端小伙伴们一些参考。

作为一个前端程序媛，在提升学习的道路上，不可避免的与 apply 和 call 相遇了。之前由于它俩出镜率有点低，都静静的擦肩而过了！今天不小心被它俩的魅力所吸引，加上本小姐心情好，就让我们好好的相识一下吧 O(∩_∩)O~ ECAMScript 3 给 Function 的原型定义了两个方法, 它们是 Function.prototype.call 和 Function.prototype.apply。

只需要对图片做一些小改动，设计师偏偏很忙顾不过来。 自己动动手可以办到，但是打开photoshop会等很久，甚至需要安装软件。 如果你有一个1024*1024的应用logo，想给安卓和iOS应用生成AppIcon。 关于图片的尺寸修改还有其他用法，比如指定宽高或者按照百分比缩放。

整个浏览器原理系列文章正式完结了。因非科班出身，所以增加了对应的前置知识。整体的文章的思路还是不断的去问自己为什么，从而激发自己更有兴趣继续去思考下 这系列文章，只是用自己的语言重述了一遍 How Browsers Work: Behind the scenes of mode…

一般人理解 Node 是单线程的，所以 Node 启动后线程数应该为 1，我们做实验看一下。 可以看到 Node 进程占用了 7 个线程。为什么会有 7 个线程呢？ 我们都知道，Node 中最核心的是 v8 引擎，在 Node 启动后，会创建 v8 的实例，这个实例是多线程的。…

Charles 是目前最主流的网络调试工具（Charles、Fiddler、Wireshark...）之一，对于一个开发者来说与网络打交道是日常需求，因此很多时候我们需要调试参数、返回的数据结构、查看网络请求的各种头信息、协议、响应时间等等。所以了解 Charles 并使用它 …

缘何 React 服务端渲染的性能会如此之差；从设计理念的角度来看 React 本身专注于跨平台的界面库，其保证较好抽象层次的同时势必会付出一定的代价，并且 Facebook 在生产环境中并未大规模应用服务端渲染，也就未花费过多的精力来优化服务端渲染的性能。笔者也对比了下 React 与 Preact 有关服务端渲染的实现代码，确实高度的抽象需要额外的代码逻辑与对象创建，React 本身并没有冗余的部分，只是单纯地大量的毫秒级别额外对象操作的耗时的累加导致了最后性能表现的巨大差异。我们首先看下 Preact 的 `renderToString` 的函数实现，其紧耦合于 DOM 环境，以较低的抽象程度换取较少的代码实现：