广州十大java编程培训机构

2019年Web前端岗位的技能要求都有什么?

今天小编要跟大家分享的文章是关于2019年Web前端岗位的技能要求都有什么?作为一名前端工程师或者有意向转行从事前端相关工作的人，你是否对2019年的前端市场有了新的解读，对于前端的企业岗位要求有了新的理解。今天小编就为大家带来了这篇关于 2019年Web前端岗位的技能要求的文章，下面让我们一起来看一看吧!

一、JavaScript

深入了解JavaScript，而且是全面彻底地了解。面试的职位越高，对语言知识的要求就越高。熟悉的JavaScript知识点罗列：

§ 执行上下文，尤其是词法作用域和闭包;

§ 提升、函数和块作用域，以及函数表达式和声明;

§ 绑定——特别是 call、bind、apply 和 this;

§ 对象原型、构造函数和 mixin;

§ 组合和高阶函数;

§ 事件委托和冒泡;

§ 使用 typeof、instanceof 和 Object.prototype.toString 进行类型转换;

§ 使用回调、promise、await 和 async 处理异步调用;

§ 什么时候可以使用函数声明和表达式。

二、CSS

至少应该知道如何在页面上布局元素，如何使用子元素或直接后代选择器来定位元素，以及什么时候该用类、什么时候该用ID等。包括但不限于以下技能点：

§ 布局——安排彼此相邻的元素的位置，以及如何将元素布置成两列或三列;

§ 响应式设计——根据浏览器宽度大小更改元素的尺寸;

§ 自适应设计——根据特定断点更改元素的尺寸;

§ 特异性——如何计算选择器的特异性，以及级联如何影响属性;

§ 适当的命名空间和类命名。

三、HTML

§ 知道哪些 HTML 标签最能代表你正在显示的内容以及相关属性，应该掌握手工知识。

§ 语义标记;

§ 标记属性，例如 disabled、async、defer 以及何时使用 data-*;

§ 知道如何声明 doctype(大多数人不是每天都会写新页面，所以可能会忘了这个)以及可以使用哪些元标签;

§ 可访问性问题，例如，确保输入复选框具有更大的响应区域(使用标签“for”)。另外还有 role=“button”、role=“presentation”，等等。

四、Web 性能

除了通用编程最佳实践之外，你应该期望访问者查看你的代码或设计及其性能影响。它曾经足以将 CSS 置于文档的顶部，而 JS 脚本位于页面底部，但 Web 正在快速移动，你应该熟悉这个领域的复杂性。

§ 关键渲染路径;

§ Service Worker;

§ 图像优化;

§ 延迟加载和捆绑拆分;

§ 何时预取和预加载资源;

§ 减少浏览器回流以及何时将元素提升到 GPU;

§ 浏览器布局、组合和绘制之间的区别。

五、DOM

知道如何遍历和操作 DOM 非常重要，对于重度依赖 jQuery 或者开发了很多 React Angular 类型应用程序的候选人来说，他们可能会在这个问题上栽跟斗。你可能不会每天都直接接触 DOM，因为我们大多数人都在使用各种抽象。在不使用第三方库的情况下，你需要知道如何执行以下这些操作：

§ 使用 document.querySelector 选择或查找节点，在旧版浏览器中使用 document.getElementsByTagName;

§ 上下遍历——Node.parentNode、Node.firstChild、Node.lastChild 和 Node.childNodes;

§ 左右遍历——Node.previousSibling 和 Node.nextSibling;

§ 操作——在 DOM 树中添加、删除、复制和创建节点。你应该了解如何修改节点的文本内容以及切换、删除或添加 CSS 类名等操作;

§ 性能——当有很多节点时，修改 DOM 的成本会很高，你至少应该知道如何使用文档片段和节点缓存。

作者： programmer_feng

*声明：内容与图片均来源于网络(部分内容有修改)，版权归原作者所有，如来源信息有误或侵犯权益，请联系我们删除或授权事宜。