2018年网络开发者应该关注什么

全文字数：   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月

什么是MVVM？

169月

高阶函数