Tag: JavaScript

良好的JavaScript代码在开源Web应用程序的例子

我正在努力寻找一种好的JavaScript代码编写方式,这种代码效率高,被其他开发人员广泛接受,而且不是很难看。 直到最近,我使用的仅仅是字面对象和jQuery的一些部分,但是在阅读道格拉斯·克罗克福德的“JavaScript:The Good Parts”之后,我现在完全意识到,除了AJAX,DOM修改和简单的animation之外,JavaScript还有更多的东西。 问题是,JavaScript似乎没有太多的标准化。 OOP /inheritance模式的数量压倒我。 我不习惯每个框架/库提供自己的inheritance障碍。 我也不想在这样的事情上做出错误的决定,因为这意味着在出现一些问题的时候会重写所有的代码。 所以我在寻找的是现有的开源Web应用程序,如果可能的话,在客户端使用JavaScript,以查看实际项目中使用的模式。 我想看看Web应用程序的代码,而不是框架或库。 我不介意,如果这些Web应用程序是基于一些框架(如果它是Dojo或RequireJS,它会更好,因为我正在使用它们;)

好的jQuery Mobile演练或jQuery开发者教程?

jQuery Mobile 1.0 final已经出来了 重要提示:许多教程是旧的,不应该遵循。 当前版本的jQuery Mobile是1.0! 在浏览链接时请小心 我已经更新了我的答案,指出了最终版本的正确资源 我想知道是否有为jQuery有经验的人提供一个教程 – 知道新的jQuery手机的一些约定,因为它即将发布。 我特别喜欢那些展示如何制作示例应用程序的人,但请发布您认为最好的应用程序。 唯一需要的是它展示了jQueryMobile引入的JS和新事件的一些用法。 所以这不是关于基本教程的问题。 老基本教程: 我已经明白了,并得到了这些: http : //blogfreakz.com/mobile-development/jquery-mobile-tutorials/ [< – 这链接到一个页面链接到5个教程]这是显示的想法,但aren对于jQuery开发人员来说真的很有趣。 这里有一些实际的jQuery代码,但并不多: http : //thoughtsunlimited.net/intro-to-jquery-mobile/ 所以这个问题主要是针对那些已经试过一些教程并且知道他们会推荐什么的人。 我想这个问题可能对未来的人有用。 赏金将被授予一个答案,链接到涵盖从jQueryMobile提供的最大数量的方法的教程。

表单数据和请求负载有什么区别?

当我发送一个AJAX Post请求并在send()方法的queryString中发送参数时, Chrome开发者工具的XHR捕获工具显示请求负载下的参数。 当我使用jquery的post函数时,该工具在Form Data部分显示参数。 有什么不同 ?

如何在jQuery中获得屏幕上的可见元素对象?

我有一个DOM对象的列表,它比屏幕高度区域长。 我只需要检测屏幕上的可见对象就可以制作类似于时间线树视图的东西。 ( 如下图所示 ): 我的DOM看起来像这样: <!– elements visibility on screen to be DETECTED –> <div id="elements"> <div id="elem-1">Lorem ipsum</div> <div id="elem-2">Lorem ipsum</div> <div id="elem-3">Lorem ipsum</div> <div id="elem-4">Lorem ipsum</div> <div id="elem-5">Lorem ipsum</div> <div id="elem-6">Lorem ipsum</div> <div id="elem-7">Lorem ipsum</div> <div id="elem-8">Lorem ipsum</div> </div> <!–elements visibility on screen to be AFFECTED –> <ul id="timeline"> <li view-id="elem-1">Elem-1</li> <li […]

Chrome会阻止不同的来源请求

当脚本尝试访问来自不同来源的框架时,Chrome会将其屏蔽并引发exception “未捕获的安全性错误:阻止源”提供者域“的框架访问源”mydomain“的框架,协议,域和端口必须匹配”。 谷歌浏览器中的一些更新后,我得到了这个错误。 有什么build议么?

什么是file.slim.js苗条

请原谅我的无知,但我刚刚安装jQuery使用npm和jQuery文件之间有一个名为jquery.slim.js ,什么是slim ? 我知道min代表被缩小,但苗条对我来说是新的! 顺便说一句,我很确定slim是不是min因为还有另一个名为jquery.slim.min.js ,显然它比正常苗条文件更轻。 此外, slim文件包含jQuery 3testing版。 (这就是代码中的评论) 再次抱歉,这个愚蠢的问题,但我不知道。 UPDATE 我正在使用require来包含这些文件,在我不知情的情况下是否需要包含这个文件? 或不?

在Meteor应用程序中实现MongoDB 2.4的全文search

我正在考虑将全文search添加到meteor应用程序。 我知道MongoDB现在支持这个function,但是我有一些关于实现的问题: 在Meteor应用程序中启用文本searchfunction( textSearchEnabled=true )的最佳方式是什么? 有没有办法从您的应用程序内添加索引( db.collection.ensureIndex() )? 如何从Meteor应用程序中运行Mongo命令(即db.quotes.runCommand( "text", { search: "TOMORROW" } ) )? 既然我的目标是把search添加到望远镜 ,我正在寻找一个“即插即用”的实现,只需要最less的命令行魔术,甚至可以在Heroku或* .meteor.com上工作。

多次解决承诺是否安全?

我在我的应用程序中有一个国际化的服务,其中包含以下代码: var i18nService = function() { this.ensureLocaleIsLoaded = function() { if( !this.existingPromise ) { this.existingPromise = $q.defer(); var deferred = this.existingPromise; var userLanguage = $( "body" ).data( "language" ); this.userLanguage = userLanguage; console.log( "Loading locale '" + userLanguage + "' from server…" ); $http( { method:"get", url:"/i18n/" + userLanguage, cache:true } ).success( function( translations ) […]

loggingJavascript代码

我正在开发一个有点复杂的网站,所以我开始logging我的代码。 对于PHP我已经使用PHPDocumentor; 在任何情况下,似乎任何其他工具(如Doxygen)会接受相同的标签。 现在我想要loggingJS方面。 我看到至lessJSDoc和ScriptDoc(可能还有其他)存在,并且他们接受不同的标签,所以我应该做出select。 用于loggingJavascript代码的标准(如果有的话)是什么? 而且,他们是如何使用的? 看来ScriptDoc是集成在Aptana工作室中的,那么有什么方法可以在没有IDE的情况下使用它?

数据属性的CSSselect器比类select器更快吗?

几个月前这篇文章指出,网站开发实际上可以避免所有的类。 我的问题是,数据select器与类select器相比有多高效? 一个简单的例子就是比较元素与data-component='something'与元素class='class1 class2 something anotherClass' 。 [data-<attr>='<value>']select器将检查整个值与应该分割的类string。 考虑到这一点,数据属性应该更快。 所以,为了改进这个问题,在CSS的情况下,我们最好使用类select器还是数据select器? 从javascript的angular度来看, jQuery("[data-component='something']")比jQuery(".something")更有效率吗?