小编Pie*_*rre的帖子

网站的地铁主题

任何人都知道一个简单的方法来设置一个像都市主题的Windows Phone 7网站的风格?
一个CSS或一个jQuery基于主题的主题都可行.

css jquery themes

67
推荐指数
3
解决办法
5万
查看次数

MDN javascript文档供离线使用

我正在尝试使MDN的Javascript参考可用于离线浏览(个人使用).
我不是网站的所有者也不是开发人员,我只能访问其生成的输出.

我的第一个想法是appcache.manifest在页面中注入HTML5 ; 使用manifestR我已经生成了页面资产的列表.
然后我尝试使用file:///协议指向我的本地清单文件,使用http://协议,最后使用a base64 string,表示文件的内容(data:text/cache-manifest,).似乎没什么用.

谷歌搜索后,我偶然发现他们的公共FTP.还没有完全爬它尚未.但仍然没有找到js docs的任何提及.


我考虑过使用浏览器的"另存为"命令保存HTML页面; 但我宁愿开发基于javascript的爬虫,也不愿单独保存每一页.

我在哪里可以找到MDN Docs的离线版本?或者如何在离线时浏览MDN文档?

javascript html5 mozilla application-cache offline-browsing

54
推荐指数
4
解决办法
2万
查看次数

Google Chrome框架叠加仅适用一次

如果用户使用过时的浏览器,我会有一个页面提示您安装Google Chrome Frame.

如果用户选择安装插件,它的效果很好.但是,如果他/她选择不安装它并关闭该层; 使用相同的按钮再次打开图层是不可能的.(基本上它只工作一次.)

有没有什么办法可以在每次点击安装时强制Google Chrome Frame打开?
(我尝试过强制cookie,但似乎没有用.)

更新[#1]:

测试页面在这里.

<!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)

javascript jquery internet-explorer google-chrome-frame

18
推荐指数
1
解决办法
4212
查看次数

计算数组元素总和的最快方法

我正在尝试找到计算数组中包含的元素总和的最快方法.
我设法使用它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)

javascript

13
推荐指数
2
解决办法
2万
查看次数

如何从另一个中减去颜色

是否可以从另一个颜色中减去一种颜色?

示例(如果我错了,请纠正我):

如果我从白色中减去红色绿色,我希望结果是蓝色的.

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)

javascript jquery html5 canvas html5-canvas

10
推荐指数
2
解决办法
5990
查看次数

使用触摸调整HTML元素的大小

仅使用jQuery lib; 我正在尝试DIV在拖动它的右边界时调整大小.它与鼠标完美配合,但我不能在触摸设备上工作.我认为这与...有关e.touches.

我一直在使用tryied e.touchese.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)

html javascript jquery touch ipad

8
推荐指数
1
解决办法
3255
查看次数

return String vs Integer vs undefined vs null

为什么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?为什么不nullundefined,甚至12

javascript

8
推荐指数
2
解决办法
2749
查看次数

如何在HTML5的应用缓存中存储50MB视频?

我正在开发一个iOS离线应用程序,我正在尝试存储50MB视频以供离线查看.但是,在我正确添加视频的网址后manifest.appcache,我得到了一个控制台错误,说appcache限制超出了允许的大小.因此,打破了我的整个页面; 之后没有加载一个资源.

只要我从appcache取消链接视频,一切正常.

有没有办法可以规避这种行为?或者,有没有办法在IOS5 + iPad上存储50MB视频以供离线观看?

javascript html5 ipad ios html5-appcache

8
推荐指数
1
解决办法
6636
查看次数

检测窗口调整大小并使用jquery执行功能

如何使每次用户更改窗口大小时,页面执行功能?

html javascript jquery

6
推荐指数
1
解决办法
4562
查看次数

是否需要在每次鼠标悬停时使图像动画离开光标位置?

我试图通过改变它在鼠标悬停时的位置来设置框的图像动画.

我可以让它移动一次,但我需要设置它,以便每次有人鼠标悬停在图像上时它会移动.我想让用户追逐屏幕周围的框.

优选地,动画将循环以便用户永远不会捕获图像?

这是我到目前为止的一个例子,下面是我的jQuery代码:

$(document).ready(function() {
    $('#img').mouseover(function() {
        $(this).animate({
            left: '500px'
        });
    });
});
Run Code Online (Sandbox Code Playgroud)

太感谢了!

jquery mouseover jquery-animate

6
推荐指数
1
解决办法
6131
查看次数