你正在浏览的是 javascript 标签

闭包式 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. 怎样不污染命名空间

阅读全部>>

一知半解 – 分析淘宝商城首页的 lazy load 功能

22 feet

js跨域问题

0 ~o~

判断输入的字符是否为中文

0 ~o~

乱翻乱教- jQuery 制作N级导航菜单

14 feet

Page 1 of 3123

Who am I ?

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

最新在啃

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

新鲜的肉

最新评论

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

订阅-rss-永久链接

MT
备案号:浙ICP备09020026 号