使用 md virtual repeat 实现无限滚动 还在 jQuery 时代，就看到那种无限滚动按需加载效果，后来用 [ngInfiniteScroll(https://sroze.github.io/ngInfiniteScroll) 实现了一个。最近深度使用 material 时，发现框架自带的 md-virtual-repeat-container 结合 md-virtual-repeat 也能很好地实现无限滚动。

使用 Vue 组件插槽 为了让组件可以组合，我们需要一种方式来混合父组件的内容与子组件自己的模板。这个处理称为内容分发，Vue.js 实现了一个内容分发 API，使用特殊的元素作为原始内容的插槽。如果你是 AngularJS 用户，slot 就和的“transclude”差不多。

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

使用 ocLazyLoad 实现 AngularJS 模块按需懒加载 复杂的 AngularJS SPA 项目需要用路由来管理各个产品模块之间的切换。各个模块的代码如何引入？通常我们的简单做法是在首页将各个模块的代码全部引入，即使首页本身很简单也需要加载很多无用的代码。这样 一来会造成首屏加载时间过长。怎么做到首屏只引入需要显示的必要代码，而在必要的时候再去加载各个模块的代码，做到按需懒加载呢？

AngularJS 整合 Echarts 做饼图 Echarts 很强大有好用，是我工作中做数据 JavaScript 可视化功能的第一选择。本文就是目前项目的统计模块的 demo，希望对你有用。最终效果老规矩，先看一下最终效果。分析问题还记 AngularJS 指令怎样传递函数参数吗？我们将表格封装成了一个指令。如果不封装就没有传递函数参数的问题了吗？我们要重申的是，封装是必要的，封装可以复用代码。试想，如果在再加入一个图表，要求也可以按时间段下钻。如果不封装的话，下钻这块实现要写两次。而且真实场景多数是表格图表都会的。所以说还是封装成组件好。