作为一名前端工程师或者有意向转行从事前端相关工作的人, 你是否对 2019 年的前端市场有了新的解读, 对于前端的企业岗位要求有了新的理解. 今天就跟大家分享一下 2019 年 web 前端热门岗位及技能要求一览, 希望对大家转行有所帮助.
JavaScript
深入了解 JavaScript, 而且是全面彻底地了解. 面试的职位越高, 对语言知识的要求就越高. 熟悉的 JavaScript 知识点罗列:
执行上下文, 尤其是词法作用域和闭包;
提升, 函数和块作用域, 以及函数表达式和声明;
绑定 -- 特别是 call,bind,apply 和 this;
对象原型, 构造函数和 mixin;
组合和高阶函数;
事件委托和冒泡;
使用 typeof,instanceof 和 Object.prototype.toString 进行类型转换;
使用回调, promise,await 和 async 处理异步调用;
什么时候可以使用函数声明和表达式.
至少应该知道如何在页面上布局元素, 如何使用子元素或直接后代选择器来定位元素, 以及什么时候该用类, 什么时候该用 ID 等. 包括但不限于以下技能点:
布局 -- 安排彼此相邻的元素的位置, 以及如何将元素布置成两列或三列;
响应式设计 -- 根据浏览器宽度大小更改元素的尺寸;
自适应设计 -- 根据特定断点更改元素的尺寸;
特异性 -- 如何计算选择器的特异性, 以及级联如何影响属性;
适当的命名空间和类命名.
知道哪些 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 的成本会很高, 你至少应该知道如何使用文档片段和节点缓存.
多年编程经验, 今年 1 月整理了一批 2019 年最新 Web 前端教学视频, 不论是零基础想要学习前端还是学完在工作想要提升自己, 这些资料都会给你带来帮助, 从 HTML 到各种框架, 帮助所有想要学好前端的同学, 学习规划, 学习路线, 学习资料, 问题解答. 只要加入 Web 前端学习交流 qun:296,212,562, 即可免费获取, 学习不怕从零开始, 就怕从不开始.
来源: http://www.jianshu.com/p/9c88bdddc216