AngularJS监听计数

大家都知道,AngularJS双向数据绑定很Cool。简单地说,Angular在scope模型上设置了一个监听队列,用来监听数据变化并更新view 。每次绑定一个东西到View上时AngularJS就会往$watch队列里插入一条$watch,用来检测它监听的model里是否有变化的东西。当浏览器接收到可以被Angular执行环境处理的事件时,就会触发$digest循环,遍历所有的$watch,model稳定后结束循环。大多数时候,浏览器速度很快这个过程不长,这不是一个大问题。但如果在很复杂的应用下使用不当会造成性能问题,比如说表格树组件中滥用双向数据绑定很容易造成界面很卡。 继续阅读“AngularJS监听计数”

使用Chrome DevTools的Timeline进行性能优化

我们都希望创建高性能的Web应用程序。由于我们的应用程序变得越来越复杂,我们可能想要支持丰富的画面以及理想的60帧/秒,这能保证我们的应用程序响应灵敏且生动流畅。

知道如何衡量和提高性能,是一个有用的技能,在这短短的文章中,我会带您简单回顾关于如何通过 Chrome DevTools的 Timeline 和Profiles做到这一点。
看!这是一个美丽的GIF动画。这标志着这篇文章这里开始展开:) 继续阅读“使用Chrome DevTools的Timeline进行性能优化”