架构问题:指令,CSS,滚动事件和依赖关系

时间:2014-01-16 15:52:16

标签: angularjs

我正在做一个视觉网站,里面有很多东西,具体取决于滚动位置。我知道这不是Angular理想的项目类型。由于事物非常相互依赖,因此很难隔离事物。不过,我想尝试用Angular做这种项目,希望学习更好的方法来创建模块化代码。

我遇到了与滚动事件和CSS类似的结构问题:

我尝试尽可能少地创建具有较少依赖关系的指令。结果是每个处理滚动的指令都有自己的scroll事件监听器。也许这对性能来说并不是那么可怕(或者是它?),但它很难让人知道先发生了什么。在jQuery领域,我最终使用一个$(window).bind('scroll,..)函数,将所有滚动逻辑放在一个地方,然后顺序清晰。

同样,这种模块化使得单个CSS文件变得笨拙,理想情况下我想从指令内部设置CSS以封装行为。

我觉得可能有一些我没有发现的这类问题的最佳实践。

Ĵ

0 个答案:

没有答案