小编TK1*_*123的帖子

使用"defer"属性时是否有必要将脚本放在页面底部?

我总是将脚本标记放在页面底部,因为在HTML/CSS和文本加载完成之后加载脚本是一种很好的做法.我刚刚发现了defer属性,它基本上做了同样的事情,就是在获取和执行脚本之前等待页面完成加载.

因此,如果使用defer属性,是否有必要将脚本标记物理地放置在页面底部和头部标记内?

我发现将脚本标记保留在head部分中的可读性更好.

<script src="script.js" defer="defer"></script>
Run Code Online (Sandbox Code Playgroud)

要么

<script defer="defer">

// do something

</script>
Run Code Online (Sandbox Code Playgroud)

html javascript

21
推荐指数
2
解决办法
3420
查看次数

使用create-react-app时,为什么开发服务器会断开连接?

它会发生,例如每3次或4次刷新一次,服务器只是在控制台中与此消息相关联:

The development server has disconnected.
Refresh the page if necessary.
Run Code Online (Sandbox Code Playgroud)

我查看了其他一个SO线程,我的问题似乎有所不同,因为这是关于webpack观察者没有连接开始,在我的情况下它工作但经常断开连接.我甚至没有弹出应用程序所以不确定为什么会这样.其他人有这个问题,并找到了解决方案?

reactjs webpack create-react-app

19
推荐指数
1
解决办法
7002
查看次数

当一个元素在视图中而不是滚动过去时,如何使jQuery waypoints插件触发?

请看这个:

http://jsfiddle.net/5Zs6F/2/

正如你只能看到滚过第一个红色矩形时它变成蓝色,我希望它在进入视图时变成蓝色.这就是为什么第二个永远不会变成蓝色,因为它下面没有足够的内容允许你滚过它.

HTML:

Scoll this window pane
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br /> …
Run Code Online (Sandbox Code Playgroud)

javascript jquery jquery-waypoints

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

如何选择MySQL中当前时间戳内10分钟的所有记录?

我在一个名为"last_seen"的表列中有时间戳,如下所示:

2012-01-25 18:46:42
2012-01-23 08:19:04
2012-01-23 08:19:04

etc...
Run Code Online (Sandbox Code Playgroud)

如何获取时间戳在当前时间戳的10分钟内的所有记录(以最有效的方式)?

mysql

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

CodeIgniter 404页面

当我在我的网站上输入一个不存在的URL时,它会将我带到routes.php中指定的404页面:

$route['404_override'] = 'page/not_found';
Run Code Online (Sandbox Code Playgroud)

因此,页面的设计就像我在"page"目录中的not_found.php视图中所做的那样.

但是,如果我使用此函数手动强制执行404:

show_404();
Run Code Online (Sandbox Code Playgroud)

它带我到没有样式的默认CodeIgniter 404页面:

404 Page Not Found

The page you requested was not found.
Run Code Online (Sandbox Code Playgroud)

如何使其转到我在路由文件中指定的相同404页面?

php codeigniter

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

如何检测设备是否支持鼠标?

我目前使用以下测试(取自Modernizr)来检测触摸支持:

function is_touch_device() {
    var bool;
    if(('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch) {
        bool = true;
    } else {
        injectElementWithStyles(['@media (',prefixes.join('touch-enabled),('),mod,')','{#modernizr{top:9px;position:absolute}}'].join(''), function(node) {
            bool = node.offsetTop === 9;
        });
    }
    return bool;
}
Run Code Online (Sandbox Code Playgroud)

但有些设备是触摸和鼠标驱动的,所以我想要一个单独的功能来检测设备是否有鼠标支持.有什么好办法做这个检查?

最终我的意图是能够做到这些:

if(is_touch_device())

if(has_mouse_support())

if(is_touch_device() && has_mouse_support())
Run Code Online (Sandbox Code Playgroud)

javascript jquery

15
推荐指数
3
解决办法
6311
查看次数

如何在JavaScript中调用自执行函数?

当我有一些代码时,我需要多次执行,我将它包装在一个函数中,所以我不必重复自己.有时需要在页面加载时最初执行此代码.现在我这样做:

function foo() {
   alert('hello');
}

foo();
Run Code Online (Sandbox Code Playgroud)

我宁愿这样做:

(function foo() {
   alert('hello');
})();
Run Code Online (Sandbox Code Playgroud)

问题是,这只会在页面加载时执行,但如果我尝试使用foo()它后续调用它将无法正常工作.

我猜这是一个范围问题,但有没有办法让自动执行函数在以后调用时工作?

javascript

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

如何从shell命令中删除目录中的每个其他文件?

我从png格式的视频中提取了帧:

00000032.png
00000033.png
00000034.png
00000035.png
00000036.png
00000037.png
Run Code Online (Sandbox Code Playgroud)

等等...

我想使用shell命令从dir中删除每个其他帧,该怎么做?

编辑

我想我的问题并不清楚.我知道我可以手动删除每个文件,如:

rm filename.png
rm filename2.png
Run Code Online (Sandbox Code Playgroud)

等等...

我需要动态地在一个命令中完成所有这些操作,因为文件夹中有数千个图像.

linux shell command-line

14
推荐指数
3
解决办法
8268
查看次数

Imgur API Version 3 JavaScript上传示例

我在网上找到的所有示例都是早期版本的Imgur API或非JS代码,所有这些都使用了新API中不存在的API密钥.相反,你得到一个client_idsecret.任何人都有示例代码,显示如何使用他们的API版本3通过JavaScript(或jQuery)将图像上传到Imgur?

javascript jquery imgur

14
推荐指数
1
解决办法
7991
查看次数

如何在页面上仅覆盖一个区域的CSS Box大小?

我的Twitter Bootstrap文件中有以下CSS:

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
Run Code Online (Sandbox Code Playgroud)

它导致我的TinyMCE编辑器出现问题,主要是调整textarea的大小.无论如何,如果我删除上面的代码都很好,但显然我需要它,因为否则其余的Bootstrap会中断.

那么如何才能覆盖TinyMCE的上述内容呢?我试过这个:

.tinymce-editor,
.tinymce-editor:before,
.tinymce-editor:after {
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}
Run Code Online (Sandbox Code Playgroud)

但没有运气..tinymce-editor碰巧是我的编辑所在的div.

html css twitter-bootstrap

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