Tag: JavaScript

Chrome扩展程序代码与内容脚本与注入的脚本: 我试图让我的Chrome扩展程序在加载新页面时运行init()函数，但是我无法理解如何执行此操作。据我所知，我需要在background.html中执行以下操作：使用chrome.tabs.onUpdated.addListener()检查页面何时更改使用chrome.tabs.executeScript来运行脚本。这是我有的代码： //background.html chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) { chrome.tabs.executeScript(null, {code:"init();"}); }); //script.js function init() { alert("It works!"); } 我也想知道如果init（）函数将有权访问其他JS文件中的其他function？

JavaScript滚动事件的iPhone / iPad？: 我似乎无法捕捉iPad上的滚动事件。这些工作都没有，我做错了什么？ window.onscroll=myFunction; document.onscroll=myFunction; window.attachEvent("scroll",myFunction,false); document.attachEvent("scroll",myFunction,false); 他们都可以在Windows上使用Safari 3。具有讽刺意味的是，PC上的每一个浏览器都支持window.onload=如果你不介意破坏现有的事件。但是，没有去iPad上。

在JavaScript中检测箭头按键: 如何检测何时按下其中一个箭头键？我用这个来找出： function checkKey(e) { var event = window.event ? window.event : e; console.log(event.keyCode) } 虽然它适用于所有其他键，但它并不适用于箭头键（也许是因为浏览器默认情况下会在这些键上滚动）。

如何按比例调整图像大小/保持纵横比？: 我有尺寸相当大的图像，我想用jQuery缩小它，同时保持比例约束，即相同的纵横比。有人能指点我一些代码，或者解释逻辑吗？

如何检查JavaScript中的未定义或空variables？: 我们在JavaScript代码中经常使用以下代码模式 if (typeof(some_variable) != 'undefined' && some_variable != null) { // Do something with some_variable } 有没有一个较为详细的检查方法，具有相同的效果？根据一些论坛和文献的说法，简单地说以下几点应该有同样的效果。 if (some_variable) { // Do something with some_variable } 不幸的是，当some_variable未定义时， Firebug会评估运行时错误等语句，而第一个语句正好适合它。这只是萤火虫（不需要）的行为，还是两者之间有一些区别？

AngularJS-每个路由和控制器中的login和authentication: 我有一个使用yeoman，grunt和bower创build的AngularJS应用程序。我有一个login页面，有一个控制器来检查身份validation。如果凭证是正确的我重新路由到主页。 app.js 'use strict'; //Define Routing for app angular.module('myApp', []).config(['$routeProvider', '$locationProvider', function($routeProvider,$locationProvider) { $routeProvider .when('/login', { templateUrl: 'login.html', controller: 'LoginController' }) .when('/register', { templateUrl: 'register.html', controller: 'RegisterController' }) .when('/forgotPassword', { templateUrl: 'forgotpassword.html', controller: 'forgotController' }) .when('/home', { templateUrl: 'views/home.html', controller: 'homeController' }) .otherwise({ redirectTo: '/login' }); // $locationProvider.html5Mode(true); //Remove the '#' from URL. […]

如何使用jQuery生成一个简单的popup窗口: 我正在devise一个网页。当我们点击div命名邮件的内容时，如何显示包含标签电子邮件和文本框的popup窗口？

你如何testingJavaScript代码的性能？: CPU周期，内存使用情况，执行时间等？补充：除了只知道代码运行速度之外，是否还有一种在JavaScript中testing性能的定量方法？

如何将道具传递给{this.props.children}: 我试图find正确的方式来定义一些可以通用的方式使用的组件： <Parent> <Child value="1"> <Child value="2"> </Parent> 当然在父子组件之间有一个逻辑是可以进行渲染的，你可以把<select>和<option>想象成这个逻辑的一个例子。这是针对这个问题的虚拟实现： var Parent = React.createClass({ doSomething: function(value) { }, render: function() { return (<div>{this.props.children}</div>); } }); var Child = React.createClass({ onClick: function() { this.props.doSomething(this.props.value); // doSomething is undefined }, render: function() { return (<div onClick={this.onClick}></div>); } }); 问题是，无论何时使用{this.props.children}定义一个包装器组件，如何将某些属性传递给它的所有子元素？