Tag: JavaScript

如何在chrome中设置DOM断点

我正在试着按照这里的教程。 我困在DOM Breakpoints （靠近底部）的部分。 我去了他们正在谈论的示例网站 。 我按下Ctrl + Shift + 我和导航到“元素”选项卡。 在元素选项卡中，我find了以下html部分： <div id="profileCard" style="position: absolute; left: 403px; top: 135px; visibility: hidden; display: none; " class="goog-hovercard"> </div> 现在我卡住试图find上下文菜单： 调出#profileCard元素的上下文菜单，然后select要分解的事件：子树修改，属性修改和节点删除 以下是显示我的位置的截图：

$（this.el）.html和这个$ el.html有什么区别？

有什么区别： $(this.el).html 和 this.$el.html 阅读一些骨干的例子，有些是以另一种方式做的。

选中checkbox后，dynamic更改引导程序进度栏值

我正在尝试使用引导程序进度条制作dynamic清单。 这是我的标记代码 <div class="progress progress-striped active"> <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"> </div> </div> <div class="row tasks"> <div class="col-md-6"> <p><span><?php echo $title; ?></span><?php echo $description; ?></p> </div> <div class="col-md-2"> <label><?php echo $date; ?></label> </div> <div class="col-md-2"> <input type="checkbox" name="progress" class="progress" value="<?php echo $progress; ?>"> </div> <div class="col-md-2"> <input type="checkbox" name="done" class="done" value="<?php echo $done; ?>"> […]

如何在JavaScript中处理“未定义”

可能重复： 在JavaScript中检测未定义的对象属性 从下面的JavaScript示例 try { if(jsVar) { proceed(); } }catch(e){ alert(e); } 这jsVar被宣布和草签在另一个js的罚款。 问题是当代码在另一个文件（声明和启动的地方）执行之前执行时，代码会抛出未定义的错误。 这就是为什么它被尝试和捕捉包围。 最好的办法来处理这个未定义的错误比尝试抓住？

如何在JS（Javascript）中重载一个对象的构造函数？

我能做些什么吗？ function User(form) { this._username = form.username.value; this._password = form.password.value; this._surname = form.surname.value; this._lastname = form.lastname.value; this._birthdate = form.b_day.value+"-"+form.b_month.value+"-"+form.b_year.value; this._avatar = form.avatar; this._messages = new Array(); this._messagesCount=0; } function User(userName,password,surname,lastName,birthdate) { this._username = userName; this._password = password; this._surname = surname; this._lastname = lastName; this._birthdate = birthdate; this._avatar = form.avatar; this._messages = new Array(); this._messagesCount=0; }

Angularjs：如何在$ routeProvider中使用'resolve'时显示加载图标？

以下代码通过服务读取，并在网页上显示特定“页面类别”（string）的“页面”对象列表。 使用$ routeProvider.when（）中的resolve对象属性，我可以推迟更新视图，直到新值准备就绪。 两个问题： 当要求一个新的页面列表，我想显示一个加载图标。 当从服务器开始读取（并且应该显示加载图标）时，如何检测（以非黑客的方式）事件？ 我想我可以在服务中做一些像$（'。pages-loading-icon'）。show（），但是发现太过于依赖于服务的GUI。 当新的价值准备好了，我希望旧的淡出，新的淡入。什么是“angular”的方式来做到这一点？ 我试图在控制器中使用$ watch来做到这一点，但是这会导致在淡出开始前不久显示新的值。 代码： app.js： $routeProvider.when('/:cat', { templateUrl: 'partials/view.html', controller: RouteCtrl, resolve: RouteCtrl.resolve}); controllers.js： function RouteCtrl($scope, $routeParams, pages) { $scope.params = $routeParams; $scope.pages = pages; } RouteCtrl.resolve={ pages: function($routeParams, Pages){ if($routeParams.hasOwnProperty('cat')){ return Pages.query($routeParams.cat); } } } services.js：读取的最后一页存储在currentPages中，并在lastCat中存储它的类别。 factory('Pages', function($resource, $q, $timeout){ return { res: $resource('jsonService/cat=:cat', {}, { query: […]

configurationgrunt复制任务以排除文件/文件夹

我已经安装了grunt任务grunt-contrib-copy 。 我将它Gruntfile.js到我的Gruntfile.js并通过grunt.loadNpmTasks('grunt-contrib-copy');加载任务grunt.loadNpmTasks('grunt-contrib-copy'); 。 目前我使用以下configuration来创build一个文件夹与我的js文件/文件夹的子集。 copy: { options: { processContent: [], processContentExclude: ['build/**', 'bin/**', '.*', '*.orig', '*.bak', '.*/**', '*.log', 'dist/**', 'test/**', 'dev/**', 'pyserver/**', 'node_modules/**', 'doc/**'] }, du: { files: [ {src: ['.conf1', '.conf2', './config.js'], dest: 'output/toolkit/', filter: 'isFile'}, {src: ['./css/**/*', './img/**/*', './js/**/*', './release/**/*', './lib/**/*', './locale/**/*'], dest: 'output/toolkit/'}, {expand: true, cwd: './', src: ['**'], dest: 'output/'} […]

Angular – 使用自定义方法扩展$ resource子对象

在大多数情况下， <custom-resource>.query()方法的结果是一个数组，可以使用以下（工厂）代码轻松扩展一些方法（业务逻辑）： var Data = $resource('http://..'); Data.prototype.foo = function() {return …}; 这是使用ng-repeat / ng-class的最佳select，如下所示： <tr ng-repeat="item in responseData" ng-class="{warning: item.foo()}">..</tr> 我的问题是， 每个列表响应封装在一个对象，除了实际的列表，有一些元属性（sorting信息等），所以返回的最后一个对象是这样的： { order_field: "name", items: [{..}, {..},{..}] } 现在，我如何使用ng-repeat / ng-class来做同样的事情呢？ <tr ng-repeat="item in responseData.items" ng-class="????">..</tr> 之前的方法将不起作用，因为“foo”方法是在responseData上定义的，而不是在item对象上定义的 有没有办法直接扩展用于实例化列表中的对象的基类？ 谢谢！

如何通过NodeJs应用程序和模块正确地重用连接到Mongodb

我一直在阅读和阅读，仍然困惑于什么是跨整个NodeJs应用程序共享同一个数据库（MongoDb）连接的最佳方式。 据我所知，连接应该是开放时，应用程序启动和重用模块之间。 我目前的想法是最好的方法是server.js （所有东西都开始的主文件）连接到数据库，并创build传递给模块的对象variables。 一旦连接，这个variables将被模块代码使用，并且这个连接保持打开状态。 例如： var MongoClient = require('mongodb').MongoClient; var mongo = {}; // this is passed to modules and code MongoClient.connect("mongodb://localhost:27017/marankings", function(err, db) { if (!err) { console.log("We are connected"); // these tables will be passed to modules as part of mongo object mongo.dbUsers = db.collection("users"); mongo.dbDisciplines = db.collection("disciplines"); console.log("aaa " + users.getAll()); […]

为什么selectGWT？ 使用这个RIA框架的优点和权衡

我一直在阅读一些关于GWT的“最高票数”的问题。 其中几个问题谈论GWT的陷阱或问题。 在文章中： 哪个Javascript框架（jQuery vs Dojo vs …）？ 和最大的GWT陷阱？ ，一些海报似乎表明，GWT不够轻便，或者有更好的替代品可以使用。 你们大多数人是否觉得在GWT 2.0中没有解决GWT问题 – 这会让你倾向于build议使用一个更简单的框架来完成一个新项目？ 在某种程度上，GWT不应该有些面向未来（因为你不必担心它从发布到版本发生巨大的变化，并且是由Google支持的）。 我意识到这个问题的答案很大程度上取决于你想要做什么或者你想做什么。 我正从开始一个新的Web应用程序的angular度来看待这个问题，这个应用程序最终将被数百万用户使用。