我正在制作一个Javascript类,我希望有一个像Java一样的公共静态字段.这是相关代码:
export default class Agent {
CIRCLE: 1,
SQUARE: 2,
...
Run Code Online (Sandbox Code Playgroud)
这是我得到的错误:
line 2, col 11, Class properties must be methods. Expected '(' but instead saw ':'.
Run Code Online (Sandbox Code Playgroud)
看起来ES6模块不允许这样做.有没有办法获得理想的行为,还是我必须写一个吸气剂?
我有一些代码,直到最近,它还支持所有支持CSS转换的浏览器.它打破了最新的Chrome(37).我发现了这个问题.其他元素不接受来自元素的计算样式的变换.
HTML
<div class="one">One</div>
<div class="two">Two</div>
<span></span>
Run Code Online (Sandbox Code Playgroud)
CSS
div {
width: 100px;
height: 100px
}
.one {
background-color: red;
transform: rotate(90deg);
}
.two {
background-color: blue
}
Run Code Online (Sandbox Code Playgroud)
使用Javascript
var oneStyle = window.getComputedStyle(document.querySelector('.one'));
var oneTransform = oneStyle.transform;
document.querySelector('span').innerHTML = 'Tranform value is: ' + oneTransform;
var twoStyle = document.querySelector('.two').style;
twoStyle.transform = oneTransform;
Run Code Online (Sandbox Code Playgroud)
这是一个小提琴:http://jsfiddle.net/acbabis/0v8v2xd7/
问题是第二个(蓝色)元素与第一个(红色)元素的旋转方式不同,即使我在javascript中告诉它.
对我来说这看起来像个错误.是吗?
编辑:我的实际代码在每个浏览器中工作,但最新的Chrome,但似乎我的示例代码在所有浏览器中断.我还是想明白为什么会出现上述问题.
编辑2:让它再次打破Chrome 37.我的猜测是它不喜欢科学记数法; 但那么为什么计算出的风格会有呢?