小编hh5*_*188的帖子

是否有js插件将矩阵参数转换为css3转换属性?

假设我有css3转换样式:

img
{
   -webkit-transform:rotate(10deg) translate(100px,20px);
   -moz-transform:rotate(10deg) translate(100px,20px);
}
Run Code Online (Sandbox Code Playgroud)

然后我用jquery得到它的风格:

console.log($('#clone').css('-moz-transform'));
Run Code Online (Sandbox Code Playgroud)

它只返回一个序列号:

matrix(0.984808, 0.173648, -0.173648, 0.984808, 95.0078px, 37.061px)
Run Code Online (Sandbox Code Playgroud)

是否有一个js插件可以将矩阵数转换为变换?还是转向另一边?

javascript transform matrix css3

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

在棱镜中,$ pristine与$ dirty之间有什么区别?

最近我读了一些关于angularJS表单验证的教程,如下所示:

<p ng-show="userForm.email.$invalid && !userForm.email.$pristine"></p>
Run Code Online (Sandbox Code Playgroud)

但我认为!$pristine并且$dirty是平等的,那么我可以使用下面的那个吗?

<p ng-show="userForm.email.$invalid && userForm.email.$dirty"></p>
Run Code Online (Sandbox Code Playgroud)

forms validation angularjs

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

如何控制css3动画旋转方向

我想用css3动画和transform属性旋转一个元素,从20度到-20度

@-moz-keyframes oneRotate{
    0%{
        -moz-transform: rotate(20deg);
    }
    100%{
        -moz-transform:rotate(-20deg);
    }
}

.oneRotate
{
    -moz-transform-style: preserve-3d;

   -moz-animation-name:oneRotate;
   -moz-animation-duration:2s;
   -moz-animation-timing-function:ease-in-out;
   -moz-animation-delay:0s;
   -moz-animation-iteration-count:infinite;
   -moz-animation-direction:normal;
}
Run Code Online (Sandbox Code Playgroud)

旋转顺序为 20 -> 0 -> -20... 逆时针

但我想要的顺序是 20 -> 90 -> 180 -> ...是顺时针

我可以做什么来实现这一目标?

css animation transform rotation direction

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

Backbone.js:将视图,集合,模型分离到不同的js文件,它们无法识别对方

我使用Backbone.js创建一个Web应用程序,将所有视图,集合和模型写入一个js文件,它成功了!

现在我想将它们分成不同的js文件,就像:

<script type="text/javascript" src="js/layermanagemodel.js"></script>       
<script type="text/javascript" src="js/layermanagecollection.js"></script>  
<script type="text/javascript" src="js/layermanageview.js"></script>    
<script type="text/javascript" src="js/boot.js"></script>
Run Code Online (Sandbox Code Playgroud)

并在jquery load中加载模型代码:

$(function(){
    //Model
        var manageModel = Backbone.Model.extend({
                default:{
                    'selectedId':'unknow'
                },
                selectLayer:function(uuid){
                     this.set({"selectedId": uuid});
                },
                delLayer:function(){

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

萤火虫告诉我bug:

manageModel is not defined
[Break On This Error]   

model: manageModel
Run Code Online (Sandbox Code Playgroud)

在集合文件中

为什么如果将它们分成不同的文件,它们无法识别对方?我怎样才能解决这个问题?或者什么是正确的加载顺序?谢谢

javascript jquery backbone.js

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

Redis:如何实时查看内存使用量?

我想实时查看使用了多少内存,例如,每次设置或插入一些数据时,我想知道增加了多少内存以及总共使用了多少内存。

我尝试使用INFO命令,并检查used_memoryused_memory_*属性是否有效,但抱歉我发现它只显示系统分配的内存,因为每次插入新数据后检查它,它们仍然保持不变

有什么办法可以查看Redis的实时内存使用情况吗?

memory-management redis

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

如何在node.js ejs模板中将变量从后端传递到前端

我像这样渲染我的页面:

response.render('index', {
    data: list // the `list` is an array variable
});
Run Code Online (Sandbox Code Playgroud)

在首页,我想存储dataas globe变量,所以我试过:

<script>
   window.app = <%= data %>
</script>
Run Code Online (Sandbox Code Playgroud)

但结果是:

window.app = [object Object],[object Object],[object Object]
Run Code Online (Sandbox Code Playgroud)

那我怎么能以正确的方式做到这一点?

javascript ejs node.js

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

React js:如何在存储在变量中的 JSX 组件中设置道具

假设我已经定义了一个组件:

class Co extends React.Component {
    render = () => {
        const name = this.props.name;
        return (
            <p>Hello, my name is {name}</p>
        )
    }
}
Run Code Online (Sandbox Code Playgroud)

并将其存储在一个变量中:

const co = <Co />;
Run Code Online (Sandbox Code Playgroud)

如何使用变量设置组件的道具?会co.props.set工作吗?

javascript reactjs react-jsx

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

如果在animate()之后设置hide()jquery animate函数,它不起作用?

首先,我有一个iframe的动画,id是"test"

<iframe id="test" src=""></iframe>
Run Code Online (Sandbox Code Playgroud)

然后我想要动画并隐藏它,像MacOS一样产生近距离效果:

$('#test').animate({
                'width':0,
                'height':0,
                'top':$('input').offset().top,
                'left':$('input').offset().left
            },function(){
                //$(this).hide();        
            }).hide();
Run Code Online (Sandbox Code Playgroud)

但似乎iframe无法隐藏.但是,如果我在动画中的回调函数中编写它,这是上面带注释的代码.它可以再次工作.

这是在线案例

所以我想知道为什么animate()之后的hide()不起作用?我想念一些东西吗?

javascript jquery hide jquery-animate

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

这个差距在Chrome devtools配置文件火焰图中意味着什么

这是我的javascript代码,非常简单:

console.profile();
var count = 1000;
var fn1 = function () {
    for (var i = 0; i < count; i++) {
        console.log("THIS IS FN1");
    }
}

var fn2 = function () {
    for (var i = 0; i < count; i++) {
        console.log("THIS IS FN2");
    }
    fn1();
}

fn2();
console.profileEnd();
Run Code Online (Sandbox Code Playgroud)

这是我的个人资料截图:

在此输入图像描述

为什么图像中有一些间隙,就像我标记的黑色矩形一样?

这个差距意味着什么?

profiler google-chrome google-chrome-devtools

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

如何定义带有“px”后缀的自定义类型

我知道如何定义Position类型类:

class Position {
  x: number = 0;
  y: number = 0;
}
Run Code Online (Sandbox Code Playgroud)

但现在我需要并且xy是一个带有后缀的整数,px例如:

const position = {
  x: '1px',
  y: '2px'
}
Run Code Online (Sandbox Code Playgroud)

如何在 TypeScript 中定义这样的类型?

typescript

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