你正在浏览的是 jquery 标签

闭包式 js架构 前端书写心得(上)

4 feet

5月份的杭州区w3c标准化交流会

带着感冒 去了口碑做了次分享,分享的内容是最近刚接触到的并且用的比较爽快的《闭包式js架构》
顺便吐槽一下,这次来的人不多,不知道是不是不太好意思来交流还是怎么了,是不屑么~?,就当交朋友么~ 其实我也很菜的,听了就知道。

以下是我最近在做新系统的时候用到的一种 闭包式js架构 书写方法,大家慢慢看,有些地方似曾相识,说不定有你想要的东西,仅仅是分享,也许又更好的实现方法。

1. 说说闭包

因为这样的架构思想又一些类似 javascript 的闭包概念。所以我在分享的时候做了下闭包的引导。
分享前做PPT的时候特意去百度娘那里看了下关于闭包的知识补习一下。百科
分享的时候因为主要讲的不是闭包所以顺便带过一下,不过会后,似乎有人反而对闭包感兴趣,嘎嘎。真是指哪哪不响哇。

回来又抽空查了下 《javascript 高级程序设计》中的闭包解释,似乎比百度娘上面的更浅显一些,百科上的是一种比较极端的闭包,(有空朋友可以翻阅一下:p56)。 最简单的闭包 就是全局变量。

2. 利用匿名函数解决$冲突

很多朋友应该会碰到过 一个老系统页面里好多js库的情况吧。神嘛 prototype jQuery mootools 会时不时暂用$符号,导致各种冲突。
记得jquery 有个方法是把$让出来。
这里给出一个比较好用的匿名函数 来形成 封闭作用域来实现。 很多jquery 插件就是这样来书写的

(function($){

/***
 * make $ in Closed Scope
*/
$(function(){
    //do something on dom ready
});

})(jQuery);

利用匿名函数把,jQuery 引入匿名函数,这样在匿名函数的作用域里,你就可以自由的使用$了,并且这样也同样试用与其他库。

3. 怎样不污染命名空间

阅读全部>>

三元运算符 使用小技巧一则 – javascript

5 feet

神经特长 – lazy hover 延迟激活jquery 插件

12 feet

系统级应用项目中的函数命名冲突问题

6 feet

走马观花 – jQuery调试工具- jQuery pad

14 feet

Page 1 of 41234

Who am I ?

飞鱼,男,浙江人士。
非专业前端、交互设计师。
目前在 企鹅村 通宵 打酱油

最新在啃

php和mysql web开发(原书第4版) javascript

新鲜的肉

最新评论

  • 小元: 请问多窗口并显怎么设置?看了文章还是不会呢! “打开html页面,点击多窗口panel,然后从左侧目录中将css文件拖动到右侧panel就可以实现了。”...
  • vilppu: http://foxsp.com/t/125 这有下载,也有安装说明
  • James: 请问能否分享配色方案?
  • Aric: 代码快 来一份 谢谢楼主了 新年快乐
  • Mumu.: 打牌是件技术活,还是打三国杀比较容易了。

订阅-rss-永久链接

MT
备案号:浙ICP备09020026 号