小编use*_*947的帖子

如何在我的手指已经在屏幕上之后添加到DOM的元素上捕获touchmove事件?

我正在为iPad开发一个javascript/html5项目.

我需要能够捕获一个元素上的touchmove事件,该元素DOMtouchstart事件被触发后直到事件发生之后才被添加到该元素(即直到一个人将手指放在屏幕上之后).

我试过模拟一个touchstart事件并以编程方式触发它...

$( "#container" ).append( element );
element.on( "touchmove", doStuff );
var ev = $.Event( "touchstart" );
element.trigger( ev );
Run Code Online (Sandbox Code Playgroud)

......但这不起作用.我可以doStuff开始射击的唯一方法是抬起手指,然后再次触摸屏幕,触发第二个touchstart事件.

如何在屏幕上已经touchmove添加到DOM手指之后的元素上捕获事件?

javascript jquery touchstart jquery-events

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

将PHP hash_hmac(sha512)转换为NodeJS

我正在将一个php脚本移植到节点,我对加密知之甚少.

php脚本使用此功能:

hash_hmac('sha512', text, key);
Run Code Online (Sandbox Code Playgroud)

所以,我需要在Node js中实现一个函数,用于使用hmac方法(SHA512)返回一个键控哈希.

从我所看到的,node通过crypto模块内置了这个功能(http://nodejs.org/docs/latest/api/crypto.html#crypto_crypto) - 但是我不清楚如何重现这个功能.

任何帮助,将不胜感激.

谢谢,

javascript hash hmac node.js

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

是否可以通过 sessionID 获得快速会话?

我有一个使用 express-session 的 NodeJS Express 应用程序。只要支持会话 cookie,这很有效。

不幸的是,它还需要与不支持任何类型 cookie 的 PhoneGap 应用程序一起使用。

我想知道:是否可以使用 sessionID 获得快速会话并访问该会话中的数据?

我想我可以为 PhoneGap 应用程序发送的每个请求附加 sessionID 作为查询字符串参数,如下所示:

https://endpoint.com/dostuff?sessionID=whatever

但我不知道如何告诉 express 检索会话。

javascript node.js express express-session

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

使用 aws.sdk,如何知道 Elemental MediaConvert 何时完成作业?

我想为用户添加一个将视频上传到网站的选项。我想知道 AWS Elemental MediaConvert 是否可以处理必要的转码。

使用 aws sdk,我可以向 aws Elemental MediaConvert 提交作业以进行转码,如下所示...

const result = await new AWS.MediaConvert({apiVersion: '2017-08-29'}).createJob(params).promise()
Run Code Online (Sandbox Code Playgroud)

...但是这只会返回新创建的作业。我似乎看不到如何真正知道工作何时完成。我想知道:是否有一种简单的方法可以知道作业何时实际完成(或失败),以便我可以将响应发送回客户端?

amazon-web-services aws-sdk aws-elemental

6
推荐指数
2
解决办法
3947
查看次数

生产中的 Nuxt 组件中未调用已安装的钩子(全静态)?

我有一个包含在 Nuxt 页面上的组件。

该组件具有以下生命周期挂钩:

<script>
export default {
    name: 'MyComponent',
    created() { alert('oh hai!') },
    mounted() { alert('oh hai again!') }
}
</script>
Run Code Online (Sandbox Code Playgroud)

这在开发中效果很好。但是,当我导出站点完全静态(nuxt生成)时,创建和安装的挂钩中的代码不会运行——加载页面时警报永远不会出现。

我觉得我一定错过了一些明显的东西,但我无法弄清楚。如果在完全静态 nuxt 站点上使用创建/安装的生命周期挂钩,是否会在组件上调用它们?如果没有,推荐的初始化用于控制组件的代码的方法是什么?

javascript vue.js nuxt.js

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

测试元素是否在前面的简单方法?

页面中的两个元素具有相同的z-index ...

<div id="one" style="position: absolute; z-index: 1; top: 0px; left: 0px;"></div>
<div id="two" style="position: absolute; z-index: 1; top: 0px; left: 0px;"></div>
Run Code Online (Sandbox Code Playgroud)

Div 2出现在前面,因为它跟在源中的div之后.

在jQuery中有一种简单的方法来测试一个元素是否在另一个元素的前面?

javascript jquery z-index

5
推荐指数
1
解决办法
78
查看次数

将初始数据加载到骨干应用程序的最佳实践?

我从Backbone文档中了解到,最好通过将模型数据嵌入到初始页面加载时呈现的脚本标记中来将模型数据引导到应用程序中.

我意识到这样做是为了避免向服务器发送额外的请求,这将加快页面加载.

但...

这真的有很大的不同吗?我目前正在调用页面加载的六个模型和集合上的fetch,一切似乎都很快加载.

使用这种建议的引导数据方法还有其他原因吗?如果没有,对我来说似乎是额外的努力,可以获得微不足道的收益.

javascript jquery backbone.js underscore.js

5
推荐指数
1
解决办法
248
查看次数

在保持CSS的宽高比的同时将图像大小调整为容器?

我有一堆不同(未知)尺寸的图像.

我想将这些图像放入div中,并使它们自动符合div的尺寸,同时保持它们的纵横比.

换句话说,如果图像宽于高,则宽度将为100%,并且高度将相应地缩放.如果图像高于宽度,则高度将为100%,宽度将相应缩放.

在纯CSS中有没有办法做到这一点?

谢谢

javascript css

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

正确的NodeJS代码,用于从tmp uploads文件夹中删除旧文件

我使用以下代码从tmp上传目录中删除旧文件:

       fs.readdir( dirPath, function( err, files ) {
            if ( err ) return console.log( err );
            if (files.length > 0) {
                files.forEach(function( file ) {
                    var filePath = dirPath + file;
                    fs.stat( filePath, function( err, stat ) {
                        if ( err ) return console.log( err );
                        var livesUntil = new Date();
                        livesUntil.setHours(livesUntil.getHours() - 1);
                        if ( stat.ctime < livesUntil ) {
                            fs.unlink( filePath, function( err ) {
                                if ( err ) return console.log( err );
                            });
                        }
                    });
                });
            } …
Run Code Online (Sandbox Code Playgroud)

javascript node.js

5
推荐指数
1
解决办法
1393
查看次数

在ES6中,如何重写超类中的私有方法?

我正在学习 ES6 中的类...

我想以某种形式使用私有属性,以便只能从类的实例中调用某些方法。

例如使用符号...

/* A.js */

const _privateMethod = Symbol('_privateMethod')
class A {
    [_privateMethod]() {
        return 'yup'
    }
    do() {
        return this[_privateMethod]()
    }
}

const a = new A()
a.do() /* yup */
Run Code Online (Sandbox Code Playgroud)

..._privateMethod 不能直接调用。到目前为止,一切都很好。

但是,我想知道如何在继承自 A 的类中重写 _privateMethod 。例如,以下内容将不起作用:

/* B.js */

const _privateMethod = Symbol('_privateMethod')
class B extends A {
    [_privateMethod]() {
        return 'nope'
    }
}

const b = new B()
b.do() /* yup */
Run Code Online (Sandbox Code Playgroud)

建议如何执行此操作?

javascript symbols ecmascript-6 es6-class

5
推荐指数
1
解决办法
3003
查看次数