前端性能优化-精确的控制dom元素

6.dom操作

• 精确的控制dom元素(id 选择器)

1.浏览器的开发者工具针对页面进行调优

• Network窗口
• Stalled（阻塞）
• DNS Lookup（域名解析）
• dns缓存
• 建立持久连接
• Initial connection（初始化连接）
• SSL（包含于HTTPS连接中）
• Waiting（等待响应）
• Request sent（发送请求）
• Content Download（下载）

2. js调试

• 设置在DOM node发生变化时触发断点
• dom 右键 Break on
• 可以设置成这个节点被删除、节点的属性有任何变化，或它的某个子节点有变化发生。
• js断点
• 移动设备模拟环境