直接进入正题，IntersectionObserver 翻译为 "交叉观察者"，它的任务就是监听目标元素跟指定父元素（用户可指定，默认为viewport）是否在发生交叉行为，简单理解就是监听目标元素是否进入或者离开了指定父元素的内部（理解这句就行了，管他交不交叉呢），我好像在开…

何为技巧，意指表现在文学、工艺、体育等方面的巧妙技能。代码作为一门现代高级工艺，推动着人类科学技术的发展，同时犹如文字一样承托着人类文化的进步。 每写好一篇文章，都会使用大量的写作技巧。烘托、渲染、悬念、铺垫、照应、伏笔、联想、想象、抑扬结合、点面结合、动静结合、叙议结合、情景…

这是关于Chrome浏览器内部工作原理系列的最后一篇；研究浏览器怎样通过处理代码来显示网站。在上一篇文章中，我们研究了渲染过程并了解了合成器。 在本文中，我们将分析当用户输入时，合成器是怎样实现平滑交互的。 当你听到“输入事件”时，可能只会想到在文本框打字或鼠标单击，但从浏览器…

从 HTML5 规范到浏览器内部的数据结构再到渲染实际流程，完全阐述浏览器渲染机制 -- 渲染并不只是重绘重排和 composite 那么简单。

在Canvas中实现拖拽也同样如此，Canvas提供了一个名为isPointInPath(x, y)的API，判断点(x, y)是否在路径之中。如果在路径之中，则返回true。于是我们可以有如下思路： 这里就是难理解的点，为什么要记录？继续往下看，后面会使用到。

普通的 XSS，是通过服务端（比如模板技术）将数据输出到 HTML 中。而 DOM Based 类型 的 XSS，是通过 JS 将数据输出到 HTML 中。 这里的 x 变量，其值来源于用户所输入的内容。网站开发者使用普通 XSS 的防御方法（DefaultEncoder.ge…

但是也有无后缀名的文件。尝试着把 坤坤运球.gif 的文件后缀去掉，然后用图片查看器打开该文件，同样能看到坤坤精湛的球技。 这说明，改变文件的后缀名，并不会影响文件本身的内容。同时也说明，文件的数据中，有东西能够标识出文件的类型。 说以上那么多，其实是想引出 Magic Num…