直接刷新 CSS，而不整体刷新页面的方式的原理是什么？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

PageSpeed 相关文档

› 为 NGINX 编译 PageSpeed 支持

› ngx_pagespeed

› Configuring mod_pagespeed Filters

加载性能测试工具

› WebPagetest

› Gomez

这是一个创建于 3751 天前的主题，其中的信息可能已经有所发展或是发生改变。

[Emmet LiveStyle](http://livestyle.emmet.io/install/)
这个项目可以map到css为文件，实现在css和devtools里双向修改。

好奇原理是什么，求教。

CSS

LiveStyle

Emmet

2 条回复 • 2014-08-07 17:32:02 +08:00

guchengf

2014-08-07 09:53:58 +08:00

> This is exactly how LiveStyle works. Whenever you update CSS source, it performs structural comparison with the previous state and creates a special patch that describes how CSS structure was changed. This patch then transmitted to all clients and applied to associated CSS source.

从作者解释来看，就是直接比较新版本的CSS结构和旧版本的结构，然后生成一个patch记录结构的改变，然后应用到客户端和CSS源码上

leohxj

2014-08-07 17:32:02 +08:00

@guchengf 新版本就是开发文件，旧版本在哪里我比较好奇。

我以为会是一份动态的文件，但是找不到在什么位置。或者旧版本就不以文件形式存在？