kayue

[前端] Javscript bootstrapping

  •  
  •   kayue · Apr 13, 2011 · 4779 views
    This topic created in 5544 days ago, the information mentioned may be changed or developed.
    分享一个我管理 javascript code 的小技巧。

    之前看到有网友提到前端的 js code 一堆一堆的很难打理,

    特别是有些小 script / effect 是只针对某几个特定页面,跟其他code 放在一起固然难以维护,放在一个新的 js file 又会做成一个不必要的 http request。

    于是我写了这么一个scripts:



    基本上优点有几个:
    * name spacing
    * scope management
    * easy to read, easy to maintain
    * flexible

    做法很简单,将 function 都存在 popbee 这个 object 下,
    dom ready 的时候再用 loop 将所有以 init 为 prefix 都顺序 call 一次。

    有需要的话,在 body tag 上加上相应的 class 以兹判定。没有该class 的话就skip 该function。
    不知道有没有更好的方法?
    No Comments Yet
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   1034 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 22:46 · PVG 06:46 · LAX 15:46 · JFK 18:46
    ♥ Do have faith in what you're doing.