你根本不需求去研究那套叫“流”的东西。 写网页，跟我写诗、写小说要么写代码有本质区别。代码有语法，代码能编译成可执行的字节。网页不一样，它只有你打开浏览器那一刻，它才知道给自己画张脸。 想象一下你手里拿着一张白纸。你用鼠标去戳它，手指头在上面移动，你看到啥内容，它就变啥内容。

要是你把这张纸贴在一台显示器上，按下去，那台显示器上的纸，显示的东西跟你手里那张白纸显示的一样。

只要我按下去的方向不对，要么力道没按够，那台显示器上的纸，就一辈子是一个静态的平面，一辈子看不到我戳下去的时候留下的痕迹。

这个现象，叫“探头效应”。 这就是网页编辑器的核心逻辑。你的鼠标指令，像是一根无形的钉子，插进那个叫"HTML"的墙里。你戳哪块，墙长哪。你松开手，墙还在那儿。 我常把浏览器比喻成一个极度挑剔的观众。当你点一个按钮，按钮弹出来，观众会问：“这按钮在哪？图在哪？动还是静？”你告诉他，它在左上角，他用代码告诉你。你告诉他，它是活的，他用代码告诉你。 但要是你只是点了一个“加载”按钮，观众可能只会说：“嗯，有点意思。”要是你这时候突然往屏幕中间甩出一大段文字，观众不仅不会尖叫，反而会认定：“哦，原来这是作者的心血。” 为啥？出于你只是在空中挥了一下。 浏览器有个默认参数，叫“覆盖率”。它默认只覆盖你手指头碰到过的区域。

这玩意儿就像你用手在纸上写字，你只写了你手指头扫过的地方，没写你脚踩过的地方，也没写你周围空气里的尘埃。

这叫"XHTML"，听起来像XML的缩写，实际上就是"XML HyperText"，但听起来跟网页编辑器的关系不大，我就不多说了。 真正的编辑器，它敢于告诉浏览器：“嘿，我把整个屏幕都给你覆盖上！” 它显式地告诉浏览器：“这行字，我管住它的位置。

这行文字，我管住它的颜色。

这行文字，我管住它的字体大小。” 浏览器收到指令后，就像听话的小学生，乖乖地重新渲染它自己整个的身体。 这就好比你去装修一个房间。

那会儿可能你只是把家具搬过来，家具如何摆，你得先跟房东沟通好，然后房东照着你的样子安排工人。但你目前的做法不一样，你直接指挥工人：“把沙发搬到床旁边，把窗帘拉到一半，把天花板上的灯换成白色的。” 工人照做，房间瞬间变了。

这背后的原理，就是浏览器根据你的指令，把自己拆得粉碎，然后重新拼起来。 大量人把这种操作叫“流”要么“DOM 操作”。我在网上看过大量教程，把 DOM 操作说成了“操作元素节点”。我认定忒啰嗦。节点是啥？就像乐高积木的块。你拆了一块，加上一块，墙就变了。 但今天我不跟你讲那些术语。我讲一个我最近用的编辑器，叫 Typora。 它有个功能，叫“流式编辑”。你不需求知道它内部如何计算坐标，你只需求知道，你按回车键，一行字就换行了。你按逗号，一段话就完结了。

这跟盖房子一样，你只需求按砖头，不用管砖头是如何堆起来的。 刚启动用的人，往往认定这编辑器挺随意，就连有点“偷懒”。你能随意写，有点东西，随意删，有东西，随意改，有东西。

这听起来真是不靠谱。 但正出于它“偷懒”，才最好用。 比如你要写一个段落，你点输入框，启动打字。等你写完了，发现目前屏幕里只有两行字，中间有个空，你认定这排版有点怪。

这时候，你要是去点“格式”面板里的“对齐”，非得对齐到居中对齐，那忒费事了。 但流式编辑准你直接回车，再回车，再回车。你点一下，换行；再点一下，换行。

这行字终于跑到屏幕顶端了。你再点一下，再换行。

这行字到了中间。再点一下，到了底部。 你根本不需求关心它屏幕上到底有多少个"div"标签，也不需求关心它父亲元素是啥。你只需求看着屏幕，看着光标，手指头动起来就行。 就连，要是你不想动鼠标，想直接改字，你在输入框里直接打“粗”。屏幕上立马变粗。再打“斜体”。屏幕立马变斜。你就连能够在文字中间打个括号“（注）”，它自动帮你加粗了。 这就对了。网页编辑，不是指挥一个贼复杂的后台系统去执行复杂的指令，而是直接给出你眼前看到的文字。 这种直觉，就像你用筷子夹菜一样自然。你不用去管手肘的角度是不是 45 度，也不用去管手腕的旋转是不是逆时针。你只管把菜夹起来，扔进碗里，咬一口，味道对吗？ 大量初学者，总被那些“流式编辑器”劝退，认定它不够严谨。它告诉你，你写的代码，可能一辈子都不会被其他人看懂。它不知道你写的是“字体”还是“字号”，它不知道你是想换行还是去标点。 但这就是现实。

要是非要让浏览器去执行那些复杂的逻辑，那浏览器就真成了个庞大的、低效率的计算器。 你就连没必要去关心，浏览器里到底有多少个“行”。你只需求关心，你目前的屏幕上，这一行字，它是不是在你预期的位置。 这就是为啥，越来越多的开发者，不再试图去理解底层的流模型。他们只是把浏览器当成一个庞大的、粗糙的画板。你画啥，它就画啥。 哪怕这画板画得有点歪，哪怕这个画板本身是个庞大的像素矩阵。

只要你能看清它画出来的样子，你就已经赢了。 故此，别再被那些教科书吓到了。

那些教科书会告诉你，流是文档的骨架，DOM 是血肉。但在现代网页编辑里，你只需求关切那个看起来最像“纸张”的东西。 你的鼠标，是你的光标。你的手指头，是你的笔。你戳哪儿，它就变哪儿。

这好办得不能再好办了。 有时候，这种“偷懒”反而是一种智慧。它让你摆脱了层层嵌套的繁琐，让你能专注于内容本身。

那些复杂的代码逻辑，或许能运行在服务器上，能用来演示功能，但它们不能用来创作。 创作，不需求你懂如何把 HTML 渲染成 DOM，更别提如何把 DOM 映射到底层树。 你只需求记住，你的手指头在哪儿，屏幕上的字就在哪儿。 这就是编辑器的本质。