JavaScript:编写约定和差异

时间:2015-09-08 02:10:29

标签: javascript coffeescript framerjs

我对我写的方式感到困惑,我想知道它们之间有什么区别?它们都会产生相同的结果,但这是编写它的最佳方式吗?

我正在使用Framer.js库进行原型设计。我知道Framer.js使用了,但我是用香草写的。

差异1

framerOnboard.card1.states.animationOptions({
    curve: "spring(200, 20, 0)"
});

framerOnboard.card1.states.animationOptions = {
    curve: "spring(200, 20, 0)"
};

差异2

framerOnboard.card1.states["switch"]("two");

framerOnboard.card1.states.switch("two");

1 个答案:

答案 0 :(得分:1)

差异1:

您要调用方法animationOptions并使用{curve: "spring(200, 20, 0)"}作为参数的第一个。第二个是您将framerOnboard.card1.states.animationOptions设置为一个对象,其关键字为'curve',值为"spring(200, 20, 0)"

差异2:

它们都做同样的事情,即以"two"作为参数调用方法开关。然而。第一个称为括号表示法,第二个称为点表示法。 Here是一个用户的一些用例。