coding项目页面修改css不刷新网页刷新代码,是怎么办到的

Question

今天上coding使用webhook,测试的时候返回的数据挤在一起,好,那我们就打开chrome的调试器,打开elements,点击元素,然后在styles里添加width属性,打入w还没成功代码就刷新了,但是不是网页刷新,不信邪的我多试了几次,好吧,我认输,是真的想不出来怎么办到的,他们的代码是angular写的,具体哪个版本没看.求大神告知下原理或者方法,困惑`

Answer 1

问题已经找到了,是我傻了,webhook这个页面一直在请求然后重新生成下面的table,当然会形成一种错觉让你感到你修改样式就会自动刷新代码

Answer 2

不熟悉 Angular，姑且猜测一下实现机制。

1. DOM 内联样式更改会触发事件，这个事件会被 Angular 的 $watch 观测到。

2. 在经典的 $watch => $apply => $digest 循环中，Angular 重新应用绑定的样式到发生修改的 DOM 元素中。

3. 你所修改的 DOM 元素被重置了。

综上，这应该是 Angular 框架的特性，而不是 Hack 出的特殊功能。

Answer 3

热更新