大师网-带你快速走向大师之路 解决你在学习过程中的疑惑,带你快速进入大师之门。节省时间,提升效率

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

浏览器开始支持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