在对这个主题做了一些研究之后,我一直在试验很多模式来组织我的 jQuery 代码(例如,Rebecca Murphy 在 jQuery 大会上就此做了 presentation)。
昨天我检查了(揭示)模块模式。结果看起来有点像 YUI我认为的语法:
//global namespace MyNameSpace
if(typeof MNS=="undefined"||!MNS){var MNS={};}
//obfuscate module, just serving as a very simple example
MNS.obfuscate = function(){
//function to create an email address from obfuscated '@'
var email = function(){
$('span.email').each(function(){
var emailAddress = $(this).html().replace(' [ @ ] ','@');
$(this).html('<a href="mailto:' + emailAddress + '">' + emailAddress + '</a>');
});
};
return {
email: email
};
}();
//using the module when the dom's ready
jQuery(document).ready(function($){
MNS.obfuscate.email();
});
最后我有几个模块。有些自然包含“私有(private)成员”,在这种情况下,这意味着变量和/或函数仅对该模块中的其他函数很重要,因此不会出现在 return 语句中。
我认为将我的代码的连接部分(例如与搜索有关的所有内容)组合在一个模块中是有意义的,给出了整个事物的结构。
但在写完这篇文章后,我读到一篇 article由 John (Resig) 撰写,他还在其中撰写了有关模块模式性能的文章:
“用一堆原型(prototype)属性实例化一个函数非常、非常、快。它完全打破了模块模式,以及类似的模式。因此,如果你有一个经常访问的函数(返回一个对象)您希望人们与之交互,那么将对象属性放在原型(prototype)链中并实例化它对您有利。代码如下:
// Very fast
function User(){}
User.prototype = { /* Lots of properties ... */ };
// Very slow
function User(){
return { /* Lots of properties */ };
}
(John 提到他“本身”并不反对模块模式——只是想让你知道:)
然后我不再确定我的代码是否朝着正确的方向发展。问题是:我并不真的需要任何私有(private)成员,而且我认为暂时不需要继承。 我现在想要的只是一个可读/可维护的模式。我想这在一定程度上归结为个人偏好,但我不想以具有(相当严重的)性能问题的可读代码结束。
我不是 JavaScript 专家,因此在性能测试方面更不是专家。所以首先,我真的不知道 John 提到的事情(“您希望人们与之交互的经常访问的函数(返回一个对象)”,许多属性等)在多大程度上适用于我的代码。我的代码与之交互的文档并不大,只有 100 或 1000 个元素。所以也许这根本不是问题。
但我想到的一件事是,不仅仅是拥有
$('span.email').each(function(){
var emailAddress = $(this).html().replace(' [ @ ] ','@');
$(this).html('<a href="mailto:' + emailAddress + '">' + emailAddress + '</a>');
});
(在 domready 函数内),由于使用了模块模式,我创建了两个“额外”函数,混淆和电子邮件。创建附加功能需要花费一些时间。问题是:在我的案例中它可以衡量吗?
我不确定在我上面的示例中是否创建了闭包(在 jQuery 论坛上的一篇有趣的帖子中我读到了以下内容:“关于内部函数是否创建闭包存在哲学争论,如果它不在外部函数的变量对象上引用任何内容..."),但我的真实代码中确实有闭包。即使我不认为我在那里有任何循环引用,我也不知道这会在多大程度上导致高(呃)内存消耗/垃圾收集问题。
我真的很想听听您对此的意见,并且可能会看到您的代码示例。此外,您更喜欢使用哪些工具来获取有关执行时间、内存和 CPU 使用率的信息?
最佳答案
I also don't think I need inheritance for the time being
的确如此。这并不真正适用于将模块用作命名空间。这是关于类实例类似物。
通过从全新的 {name: member} 对象创建每个实例来创建的对象比使用 new Class 和 Class 创建的对象效率低。 prototype.name=成员。在原型(prototype)情况下,member 值是共享的,从而产生更轻量级的实例。
在您的示例中,MNS 是单例,因此通过原型(prototype)共享成员没有任何好处。
I'm not sure if a closure is created in my example above
是的,是的。即使在外部函数中没有定义变量,仍然会为外部函数创建 LexicalEnvironment 和作用域对象,其中绑定(bind)了 this 和 arguments。一个聪明的 JS 引擎可能能够优化它,因为每个内部函数都必须用它们自己的副本隐藏 this 和 arguments,但我不确定其中的任何一个当前的 JS 实现实际上是这样做的。
在任何情况下,性能差异都应该是检测不到的,因为您没有在参数中添加任何重要内容。对于简单的模块模式,我认为没有任何害处。
Also, which tools do you prefer to get information on execution time, memory and CPU usage?
开始的地方只是在 for 循环中执行代码 10000 次,然后查看 new Date().getTime() 有多大,在尽可能多的不同对象上执行多次您可以使用的浏览器。
$(this).html().replace(' [ @ ] ','@');
(这是做什么用的?目前它会将 span 的 HTML 读入一个新的 String,仅替换 [ @ ] 的第一个实例用@,并返回一个新的String值。它不会改变DOM中已有的内容。)
关于javascript - jQuery 代码组织和性能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2377762/
如何在buildr项目中使用Ruby?我在很多不同的项目中使用过Ruby、JRuby、Java和Clojure。我目前正在使用我的标准Ruby开发一个模拟应用程序,我想尝试使用Clojure后端(我确实喜欢功能代码)以及JRubygui和测试套件。我还可以看到在未来的不同项目中使用Scala作为后端。我想我要为我的项目尝试一下buildr(http://buildr.apache.org/),但我注意到buildr似乎没有设置为在项目中使用JRuby代码本身!这看起来有点傻,因为该工具旨在统一通用的JVM语言并且是在ruby中构建的。除了将输出的jar包含在一个独特的、仅限ruby
在rails源中:https://github.com/rails/rails/blob/master/activesupport/lib/active_support/lazy_load_hooks.rb可以看到以下内容@load_hooks=Hash.new{|h,k|h[k]=[]}在IRB中,它只是初始化一个空哈希。和做有什么区别@load_hooks=Hash.new 最佳答案 查看rubydocumentationforHashnew→new_hashclicktotogglesourcenew(obj)→new_has
我的主要目标是能够完全理解我正在使用的库/gem。我尝试在Github上从头到尾阅读源代码,但这真的很难。我认为更有趣、更温和的踏脚石就是在使用时阅读每个库/gem方法的源代码。例如,我想知道RubyonRails中的redirect_to方法是如何工作的:如何查找redirect_to方法的源代码?我知道在pry中我可以执行类似show-methodmethod的操作,但我如何才能对Rails框架中的方法执行此操作?您对我如何更好地理解Gem及其API有什么建议吗?仅仅阅读源代码似乎真的很难,尤其是对于框架。谢谢! 最佳答案 Ru
我的假设是moduleAmoduleBendend和moduleA::Bend是一样的。我能够从thisblog找到解决方案,thisSOthread和andthisSOthread.为什么以及什么时候应该更喜欢紧凑语法A::B而不是另一个,因为它显然有一个缺点?我有一种直觉,它可能与性能有关,因为在更多命名空间中查找常量需要更多计算。但是我无法通过对普通类进行基准测试来验证这一点。 最佳答案 这两种写作方法经常被混淆。首先要说的是,据我所知,没有可衡量的性能差异。(在下面的书面示例中不断查找)最明显的区别,可能也是最著名的,是你的
几个月前,我读了一篇关于rubygem的博客文章,它可以通过阅读代码本身来确定编程语言。对于我的生活,我不记得博客或gem的名称。谷歌搜索“ruby编程语言猜测”及其变体也无济于事。有人碰巧知道相关gem的名称吗? 最佳答案 是这个吗:http://github.com/chrislo/sourceclassifier/tree/master 关于ruby-寻找通过阅读代码确定编程语言的rubygem?,我们在StackOverflow上找到一个类似的问题:
rails中是否有任何规定允许站点的所有AJAXPOST请求在没有authenticity_token的情况下通过?我有一个调用Controller方法的JqueryPOSTajax调用,但我没有在其中放置任何真实性代码,但调用成功。我的ApplicationController确实有'request_forgery_protection'并且我已经改变了config.action_controller.consider_all_requests_local在我的environments/development.rb中为false我还搜索了我的代码以确保我没有重载ajaxSend来发送
我目前正在使用以下方法获取页面的源代码:Net::HTTP.get(URI.parse(page.url))我还想获取HTTP状态,而无需发出第二个请求。有没有办法用另一种方法做到这一点?我一直在查看文档,但似乎找不到我要找的东西。 最佳答案 在我看来,除非您需要一些真正的低级访问或控制,否则最好使用Ruby的内置Open::URI模块:require'open-uri'io=open('http://www.example.org/')#=>#body=io.read[0,50]#=>"["200","OK"]io.base_ur
前言作为一名程序员,自己的本质工作就是做程序开发,那么程序开发的时候最直接的体现就是代码,检验一个程序员技术水平的一个核心环节就是开发时候的代码能力。众所周知,程序开发的水平提升是一个循序渐进的过程,每一位程序员都是从“菜鸟”变成“大神”的,所以程序员在程序开发过程中的代码能力也是根据平时开发中的业务实践来积累和提升的。提高代码能力核心要素程序员要想提高自身代码能力,尤其是新晋程序员的代码能力有很大的提升空间的时候,需要针对性的去提高自己的代码能力。提高代码能力其实有几个比较关键的点,只要把握住这些方面,就能很好的、快速的提高自己的一部分代码能力。1、多去阅读开源项目,如有机会可以亲自参与开源
嗨~大家好,这里是可莉!今天给大家带来的是7个C语言的经典基础代码~那一起往下看下去把【程序一】打印100到200之间的素数#includeintmain(){ inti; for(i=100;i 【程序二】输出乘法口诀表#includeintmain(){inti;for(i=1;i 【程序三】判断1000年---2000年之间的闰年#includeintmain(){intyear;for(year=1000;year 【程序四】给定两个整形变量的值,将两个值的内容进行交换。这里提供两种方法来进行交换,第一种为创建临时变量来进行交换,第二种是不创建临时变量而直接进行交换。1.创建临时变量来
文章目录git常用命令(简介,详细参数往下看)Git提交代码步骤gitpullgitstatusgitaddgitcommitgitpushgit代码冲突合并问题方法一:放弃本地代码方法二:合并代码常用命令以及详细参数gitadd将文件添加到仓库:gitdiff比较文件异同gitlog查看历史记录gitreset代码回滚版本库相关操作远程仓库相关操作分支相关操作创建分支查看分支:gitbranch合并分支:gitmerge删除分支:gitbranch-ddev查看分支合并图:gitlog–graph–pretty=oneline–abbrev-commit撤消某次提交git用户名密码相关配置g