Web前端岗位的技能要求都有什么?_惠州计算机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;

§ 图像优化;

§ 延迟加载和捆绑拆分;

§ HTTP/2 和服务器推送的一般含义;

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

§ 减少浏览器回流以及何时将元素提升到 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 的成本会很高，你至少应该知道如何使用文档片段和节点缓存。

点击咨询直接了解更多相关资料，我在惠州北大青鸟新方舟等你。

本文内容转载自网络，版权归原作者所有，如有侵权请联系我们进行删除。

标签：惠州计算机软件培训惠州计算件软件开发惠州计算机软件基础惠州计算机Web前端软件开发惠州Web前端培训学校惠州Web前端培训Web前端基础教程Web前端是什么Web前端教程Web前端入门