任何人都知道一个简单的方法来设置一个像都市主题的Windows Phone 7网站的风格?
一个CSS
或一个jQuery
基于主题的主题都可行.
我正在尝试使MDN的Javascript参考可用于离线浏览(个人使用).
我不是网站的所有者也不是开发人员,我只能访问其生成的输出.
我的第一个想法是appcache.manifest
在页面中注入HTML5 ; 使用manifestR我已经生成了页面资产的列表.
然后我尝试使用file:///
协议指向我的本地清单文件,使用http://
协议,最后使用a base64 string
,表示文件的内容(data:text/cache-manifest,
).似乎没什么用.
谷歌搜索后,我偶然发现他们的公共FTP.还没有完全爬它尚未.但仍然没有找到js docs的任何提及.
我考虑过使用浏览器的"另存为"命令保存HTML页面; 但我宁愿开发基于javascript的爬虫,也不愿单独保存每一页.
我在哪里可以找到MDN Docs的离线版本?或者如何在离线时浏览MDN文档?
如果用户使用过时的浏览器,我会有一个页面提示您安装Google Chrome Frame.
如果用户选择安装插件,它的效果很好.但是,如果他/她选择不安装它并关闭该层; 使用相同的按钮再次打开图层是不可能的.(基本上它只工作一次.)
有没有什么办法可以在每次点击安装时强制Google Chrome Frame打开?
(我尝试过强制cookie,但似乎没有用.)
测试页面在这里.
<!doctype html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<!--[if IE]>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
<![endif]-->
</head>
<body>
<a href="#" class="dngcf">Prompt</a>
<script>
$(function(){
if( $.browser.msie && $.browser.version < 9 ){
if( navigator.userAgent.indexOf('chromeframe') < 0 ){
$('.dngcf').bind('click', function(){
//document.cookie = 'disableGCFCheck=0;path=/;';
CFInstall.check({
url: 'http://www.google.com/chromeframe/eula.html?user=true',
mode: "overlay",
destination: "http://mywebsite.com"
});
});
}else{
alert('GCF is already installed');
}
}else{
alert('You need IE 6, 7 or 8 in order to see the "bug".'); …
Run Code Online (Sandbox Code Playgroud) 我正在尝试找到计算数组中包含的元素总和的最快方法.
我设法使用它eval()
,但我认为eval是邪恶的.
var arr = [10,20,30,40,50];
console.log( eval( arr.join('+') ) ); //logs 150
Run Code Online (Sandbox Code Playgroud)
for loop
?之外,还有更好的方法吗?我正在考虑更多类似的东西,但它不起作用:
var arr = [10,20,30,40,50];
console.log( new Number( arr.join('+') ) ); //logs a Number Object
console.log( new Number( arr.join('+') ).toString() ); //logs NaN
Run Code Online (Sandbox Code Playgroud) 是否可以从另一个颜色中减去一种颜色?
示例(如果我错了,请纠正我):
如果我从白色中减去红色和绿色,我希望结果是蓝色的.
var white = 0xFFFFFF,
red = 0xFF0000,
result = white - red;
console.log(result); //65535 <-- what is that ? can it be converted to 0x00FFFF ?
Run Code Online (Sandbox Code Playgroud)
感谢Rocket的回答,结果我需要function()
将结果转换为实际颜色.
这是最后的工作示例:
var toColor = function ( d ) {
var c = Number(d).toString(16);
return "#" + ( "000000".substr( 0, 6 - c.length ) + c.toUpperCase() );
},
white = 0xFFFFFF,
red = 0xFF0000,
green = …
Run Code Online (Sandbox Code Playgroud) 仅使用jQuery lib; 我正在尝试DIV
在拖动它的右边界时调整大小.它与鼠标完美配合,但我不能在触摸设备上工作.我认为这与...有关e.touches
.
我一直在使用tryied e.touches
和e.targetTouches
; 他们似乎都没有工作.
我正在执行该touch events
部分吗?我错过了什么?
这是一个小提琴,下面是完整的代码.
HTML:
<div class="container"><div class="handle"></div></div>
Run Code Online (Sandbox Code Playgroud)
CSS:
.container{background:#CCC;width:200px;height:100px;position:relative;overflow:hidden;}
.handle{cursor:e-resize;height:100px;width:2px;position:absolute;top:0;right:0;background:red;}
Run Code Online (Sandbox Code Playgroud)
JS:
var handle = null;
$(".handle").on('mousedown touchstart', function(e){
handle = {
x : e.pageX,
p : $(this).parent(),
pw: $(this).parent().width()
};
if (e.targetTouches){ //e.touches
handle.x = e.targetTouches[0].pageX //e.touches[0]
}
e.preventDefault();
});
$(document).on({
'mousemove touchmove':function(e){
if(handle) {
if (e.targetTouches){ //e.touches
handle.p.width(handle.pw+(e.targetTouches[0].pageX - handle.x)); //e.touches[0]
}else{
handle.p.width(handle.pw+(e.pageX - handle.x));
}
}
e.preventDefault();
},
'mouseup touchend':function(e){
handle …
Run Code Online (Sandbox Code Playgroud) 为什么javascript更喜欢返回String
任何其他选择?
请考虑以下代码段.
var arr = ['Hello1', 'Hello2', 'Hello3'];
Array.prototype.item = function(x) {
return this[x] || null || 'aïe' || 12 || undefined ;
};
console.log( arr.item(43) ); // returns aïe
Run Code Online (Sandbox Code Playgroud)
我故意调用一个不存在的数组元素.
但是我无法理解为什么会arr.item(43)
返回String
?为什么不null
和undefined
,甚至12
?
我正在开发一个iOS离线应用程序,我正在尝试存储50MB视频以供离线查看.但是,在我正确添加视频的网址后manifest.appcache
,我得到了一个控制台错误,说appcache限制超出了允许的大小.因此,打破了我的整个页面; 之后没有加载一个资源.
只要我从appcache取消链接视频,一切正常.
有没有办法可以规避这种行为?或者,有没有办法在IOS5 + iPad上存储50MB视频以供离线观看?
我试图通过改变它在鼠标悬停时的位置来设置框的图像动画.
我可以让它移动一次,但我需要设置它,以便每次有人鼠标悬停在图像上时它会移动.我想让用户追逐屏幕周围的框.
优选地,动画将循环以便用户永远不会捕获图像?
这是我到目前为止的一个例子,下面是我的jQuery代码:
$(document).ready(function() {
$('#img').mouseover(function() {
$(this).animate({
left: '500px'
});
});
});
Run Code Online (Sandbox Code Playgroud)
太感谢了!