Tag: JavaScript

检测到浏览器没有鼠标，并且是仅触摸的: 我正在开发一个非常不同的用于触摸的界面（当你点击时你的手指隐藏了屏幕）和鼠标（很大程度上依赖于hover预览）来开发一个web应用程序（而不是一个有趣的文本页面的网站）。我怎么能检测到我的用户没有鼠标给他提供正确的界面？我打算为鼠标和触摸（如一些笔记本电脑）的人留下一个开关。浏览器中的触摸事件function实际上并不意味着用户正在使用触摸设备（例如，Modernizr不会剪切它）。如果设备有鼠标，正确回答问题的代码应该返回false，否则返回true。对于使用鼠标和触摸的设备，它应该返回false（不能触摸）作为一个侧面说明，我的触摸界面也可能适用于仅键盘的设备，所以更多的是缺乏鼠标，我期待检测。为了使需要更清楚，下面是我期待实现的API： // Level 1 // The current answers provide a way to do that. hasTouch(); // Returns true if a mouse is expected. // Note: as explained by the OP, this is not !hasTouch() // I don't think we have this in the answers already, that why I […]

如何在Google Maps V3中创build编号的地图标记？: 我正在制作一个有多个标记的地图。这些标记使用自定义图标，但我也想在上面添加数字。我已经看到了如何使用旧版本的API来完成这项工作。我如何在V3中做到这一点？ *注意 – “标题”属性在鼠标hover标记时会创build一个工具提示，但是我希望即使没有将其hover在自定义图像顶部，它也会被分层放置。以下是标记类的文档，这些属性都不起作用： http : //code.google.com/apis/maps/documentation/v3/reference.html#MarkerOptions

如何在RequireJS中模拟unit testing的依赖关系？: 我有一个AMD模块我想testing，但我想嘲笑其依赖关系，而不是加载实际的依赖关系。我正在使用requirejs，而我的模块代码如下所示： define(['hurp', 'durp'], function(Hurp, Durp) { return { foo: function () { console.log(Hurp.beans) }, bar: function () { console.log(Durp.beans) } } } 我怎样才能模拟出hurp和durp这样我就可以有效地进行unit testing了？

有用的ui路由器unit testing（状态到url）: 我有一些麻烦的unit testing我的应用程序，这是build立在Angular UI路由器的路由器。我想testing的是状态转换是否适当地改变URL（稍后会有更复杂的testing，但这是我开始的地方）。以下是我的应用程序代码的相关部分： angular.module('scrapbooks') .config( function($stateProvider){ $stateProvider.state('splash', { url: "/splash/", templateUrl: "/app/splash/splash.tpl.html", controller: "SplashCtrl" }) }) 和testing代码： it("should change to the splash state", function(){ inject(function($state, $rootScope){ $rootScope.$apply(function(){ $state.go("splash"); }); expect($state.current.name).to.equal("splash"); }) }) 在Stackoverflow（和官方的UI路由器testing代码）类似的问题build议包装在$应用$ state.go调用应该是足够的。但是我做到了，国家还没有更新。 $ state.current.name保持为空。

什么是Redux @connect装饰器中的@（符号）？: 我正在使用React学习Redux，并偶然发现了这个代码。我不确定它是否是特定的Redux ，但是我在其中一个例子中看到了下面的代码片段。 @connect((state) => { return { key: state.ab }; }) 虽然connect的function是相当简单的，但我不明白connect之前@ 。如果我没有错，它甚至不是一个JavaScript运算符。有人可以解释这是什么，为什么使用？更新：它实际上是react-redux的一部分，用于将React组件连接到Redux存储。

删除JSON属性: 如果我有一个JSON对象说： var myObj = {'test' : {'key1' : 'value', 'key2': 'value'}} 我可以删除'key1'，所以它变成： {'test' : {'key2': 'value'}}

HTML – 如何在省略号激活时显示工具提示: 我的页面中包含省略号的dynamic数据。含义： <span style='text-overflow: ellipsis; overflow : hidden; white-space: nowrap; width: 71;'>${myData}</span> 我想添加到相同的内容（title =“$ {myData}”）这个元素工具提示，但我希望它只出现在内容很长，省略号出现在屏幕上。有没有办法做到这一点？一个方向 – 当浏览器（在我的情况下IE）绘制省略号 – 它是否会抛出一个事件呢？

不变冲突：_registerComponent（…）：目标容器不是DOM元素: 我做了一个微不足道的反应示例页面后，我得到这个错误：未捕获错误：不变冲突：_registerComponent（…）：目标容器不是DOM元素。这是我的代码： /** @jsx React.DOM */ 'use strict'; var React = require('react'); var App = React.createClass({ render() { return <h1>Yo</h1>; } }); React.renderComponent(<App />, document.body); HTML： <html> <head> <script src="/bundle.js"></script> </head> <body> </body> </html> 这是什么意思？

在Chrome控制台中包含JavaScript文件: 有没有更简单的（本地或许？）的方式来包括一个外部脚本文件在谷歌Chrome浏览器？目前我正在这样做： document.head.innerHTML+='<script src="http://example.com/fil.js"></script>';