小编Red*_*Red的帖子

CSS3 Perspective() 动画在鼠标快速移动时表现得很奇怪

透视动画
我正在玩这个css perspective()动画。但是,在 Chrome 和 Opera 中对其进行测试时,我遇到了一些奇怪的行为。

Chrome 和 Opera 在反复快速悬停在animation. 将animation被触发:hover。也许这导致了这种行为?我怎样才能阻止 Chrome 和 Opera 出现这种行为。

小提琴
我在小提琴中重现了这个问题。就像红点显示的那样。

body {
  text-align: center;
}

.container {
  position: relative;
  height: 200px;
  width: 200px;
  margin: 0 auto;
  border: 2px solid red;
}

.perspective {
  background: blue;
  height: 200px;
  width: 200px;
  transition: transform .33s;
}

.perspective:hover {
  transform: perspective( 800px ) rotateY(15deg);
}

.perspective p {
  margin: 0;
  color: #fff;
  text-align: center; …
Run Code Online (Sandbox Code Playgroud)

html css opera animation google-chrome

4
推荐指数
1
解决办法
656
查看次数

4
推荐指数
1
解决办法
194
查看次数

字符串类型 TypeScript 的子字符串

是否可以使传递给函数的成为部分字符串(即子字符串)TypeScript

有类似的事情吗?

function transform( str: Substring<'Hello world'> ) {
    // ...
}
Run Code Online (Sandbox Code Playgroud)

当我调用该函数时,我可以传递该字符串的子字符串

transform( 'world' );
// or
transform( 'Hello' );
// or
transform( 'ello' ); // Is valid because it exists in hello
// or
transform( 'orl' ); // Is valid because it exists in world

// Is not valid, altough individual letters exists 
// they are not in the right order
transform( 'hlowrld' ) 
Run Code Online (Sandbox Code Playgroud)

typescript

4
推荐指数
1
解决办法
2616
查看次数

如何显示视频当前和持续时间,如 00:25/00:30?

我想以不同的格式显示currentTime视频。duration

现在的显示方式是:

0:9 / 0:33

我希望它像这样显示:

00:09 / 00:33

或者如果视频时长超过 1 分钟

03:10 / 12:27

我现在拥有的当前代码

    video.on('timeupdate', function() {

        // Set to minute and seconds
        var time = video[0].currentTime;
        var minutes = Math.floor(time / 60);   
        var seconds = Math.floor(time);

        // Set the current play value
        currentTimer.text(minutes + ':' + seconds);
    });

    video.on('loadedmetadata', function() {

        // Set to minute and seconds
        var time = video[0].duration;
        var minutes = Math.floor(time / 60);   
        var seconds = Math.floor(time);  

        // Set the …
Run Code Online (Sandbox Code Playgroud)

html jquery html5-video

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

如何进入CMD中的子目录?

如何在不指定子目录完整路径的情况下进入子目录?

所以当我在

C:/users/USERNAME/desktop/project/build/
Run Code Online (Sandbox Code Playgroud)

然后我该如何导航到

C:/users/USERNAME/desktop/project/build/directory 1/
Run Code Online (Sandbox Code Playgroud)

我试过了

cd /directory 1
Run Code Online (Sandbox Code Playgroud)

但这导致

该系统找不到指定的路径。


我想使用与..命令一样简单的命令,该命令可以返回一个目录而不指定其整个路径。是否有类似于更改子目录的内容?

windows cmd

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

如何在DOM`data`属性内定义JSON对象?

我试图jsondataset属性内设置一些数据。

HTML外观喜欢这个<div data-switch="true" data-json="{'key1': 'value 1'}, {'key2': 'value 2'}">

data-jsonJavaScript以这种方式获取其中的数据:

json = $("[data-json]").data("json").toString();
json = JSON.stringify(json);

无论我尝试什么,它都不会将其转换为object。它只是返回一个string

toString()stringify()

$(function() {
	json = $("[data-json]").data("json").toString();
    json = JSON.stringify(json);
    json = JSON.parse(json);
    
    console.log(json);
});
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div data-json="{'key1': 'value 1'}, {'key2', 'value 2'}">

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

当我删除toString()stringify()函数时,它给出以下错误: Uncaught SyntaxError: Unexpected token ' in JSON at position 1

没有toString()stringify()

html javascript jquery json

3
推荐指数
2
解决办法
3132
查看次数

如何在ng-if AngularJS中使用JavaScript?

我试图用一个JavaScript表达式ng-if.但是,它没有做任何事情.它总是回归false.

我尝试的是以下内容:

ng-if="localStorage.getItem('grid-layout') == 'list' (如果是,则显示div)

div好好尝试一下渲染,因为它永诺返回false.网格布局值保存在localStorage.这不是问题.

我检查了网站上的文档.Angular说下面的内容ng-if

https://docs.angularjs.org/api/ng/directive/ngIf

如果表达式是假的,那么该元素将从DOM树中删除.如果它是真实的,则编译元素的副本被添加到DOM树中.

JavaScript内部可以使用ng-if吗?如果没有,我怎样才能实现我想做的事情?

javascript angularjs

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

如何使用 wp_enqueue_script WordPress 将脚本添加为模块

我想向 WordPress 网站添加 JavaScript 模块。但是,通过使用,wp_enqueue_script没有选项可以type="module"<script>标签中设置 。

wp_enqueue_script( 'prodes-media-library-base', plugin_dir_url( __DIR__ ) . '/dist/js/classes/base.module.js', array(), '1.0' );
Run Code Online (Sandbox Code Playgroud)

如果我使用上面的内容插入脚本,我无法import在脚本中使用语句。

javascript wordpress

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

Javascript - 用从字符串中重复的元素构造一个数组

假设有一个字符串aba和一个限制 5. 如何创建一个数组,其中的元素从字符串中重复直到达到限制?

例如string = "aba"limit = 5会给出新的array ["a","b","a","a","b"]

截至目前,我的数组填充了所有字符,然后为左索引重复空白字符串。

function repeatedString(s, n) {
  let arr = [];
  for (let i = 0; i < n; i++) {
    let char = s.charAt(i);
    arr.push(char);
  }
  console.log(arr);
}

repeatedString("aba", 5)
Run Code Online (Sandbox Code Playgroud)

javascript

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

自PHP 7.0.0起,不推荐使用password_hash?

我正在使用php for visual studio,我正在创建一个注册表单.当我打算使用password_hash 内置 PHP函数时,它向我展示了以下注释:

在此输入图像描述

但是在执行该功能时,它可以正常工作.

没有关于它在PHP手册中被弃用的信息.

(PHP 5> = 5.5.0,PHP 7)
password_hash - 创建密码哈希

我错过了什么吗?

php php-7

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