全文字数： 381
2分钟
浏览器开始支持WebAssembly。允许工程师在浏览器中运行二进制代码。Web开发人员现在可以编写更安全的代码，这意味着现在代码可以比类似的JavaScript更快地通过线路传输。WebAssembly代码以接近本机的性能执行。其他语言（如C ++和C＃）可以编译为WebAssembly，从而可以将本机应用程序移植到浏览器。
Web开发人员现在有了一种可行的替代方法来编写可能比JavaScript更安全和更高效的Web应用程序。WebAssembly可能首先用于处理器密集型操作，如机器学习和计算机图形，但未来可能会有更多采用。
像SASS和LESS这样的CSS预处理器的角色在2018年继续变得稀疏。浏览器开始支持CSS变量。与SASS或LESS变量相比，最大的优势是什么？CSS变量可通过JavaScript访问。下面是CSS变量的示例。
<div class="button">My Button</div>
使用:root伪类选择文档以使CSS变量成为全局范围。然后，在按钮样式的上下文中使用该变量。
:root { --button-bg-color: #FF00FF;}
.button {
color: white;
background-color: var(--button-bg-color);
display: inline-block;
padding: 4px;
width: auto;
height: 24px;
}
可以选择Element然后getComputedStyle使用元素调用获取用于使用JavaScript 设置样式的变量的值- 将变量名称作为String传递给getPropertyValue方法。
let element = document.querySelector('.button');
getComputedStyle(element).getPropertyValue("--button-bg-color")
// returns #FF00FF
您对2018年工程师应该关注的内容有什么其他想法吗？欢迎在下面发表评论。
《前端精髓》
229月
169月