一名大专程序员的前端转型之路( 六 ) 作者|张旭乾责编|梦依丹出品

前端工程师的技能要求先看一下前端工程师需要掌握哪些技能。
综合大、中、小企业的前端工程师技能需求，实际上前端工程师的职能包含以下职业中的1种或多种：
网页开发工程师
网页设计师（UI）
用户体验工程师（UE）
最重要的职能是网页开发，包括小程序、APP等跨端应用界面的开发，虽然它们实现的技术不同，但本质上还是做页面。
前端工程师必备的技能有：
使用HTML+CSS ，精准地还原设计稿，制作符合要求的页面。
使用JavaScript给页面添加交互，懂得DOM操作和Ajax请求。
掌握React或Vue等主流框架的一种或几种，并了解随着这些框架的工程化，所牵涉的一系列工具（不同工程需要不同的工具，这里列出常见的），例如：
Node.js与npm 。
Webpack、SnowPack、Vite等打包工具。
CreateReactApp、VueCLI、Vite等脚手架。（Vite既包含脚手架，也包含打包工具）
Gulp、Grunt等自动化工具。
SASS/LESS等CSS预编译工具。
styled-components、emotion等CSS-In-JS库。
ESLint语法检查工具。
Jest、mocha等测试库。
兼容性调整，利用CSShacks ，或JSPolyfill ，实现跨浏览器页面表现一致。
性能优化，减少文件体积，减少请求次数，延迟加载图片和脚本等。
SEO搜索引擎优化，提高网站在搜索引擎的排名。
其他的一些框架或技能，如果工作要求，也需要掌握：
SSR服务端渲染框架，例如Next.js（React）、Remix.js（React）、Nuxt.js（Vue）。
SSG静态网站生成器，例如Next.js、Gatsby、VuePress等。
TypeScript 。
GraphQL 。
PS/Sketch/Figma ，能根据需要进行切图，或者自行设计页面。
下面这些技能不是必须的，但是如果能掌握，可以提高工作效率、跟后端或设计师沟通的能力，以提升求职升职的竞争力：
网页设计，了解设计基本原则。
用户体验设计，了解网页的动效、辅助功能对用户体验的影响。辅助功能（可访问性）在国外比较重视，目的是方便有阅读障碍的人士，使用屏幕阅读器进行网站浏览。如果你想去外企，这些技能是必须要掌握的。
Docker ，了解如何把前端项目构建为dockerimage ，会编写简单的dockerfile 。
后端语言、框架、数据库，任选一套，例如Java+Spring+PostgreSQL ， Express+Node.js+MongoDB等，了解RESTfulAPI开发过程。
乍一看要掌握的有很多，但很多库都是随着React、Vue等最重要的前端库自然而然地引入进来的，大部分的用法都很简单，并且我们还会在工作中持续学习，一开始只需要入门就行。下图展示了React前端开发工程师，根据React框架所衍生的技术栈（示意）：

文章图片
React前端工程师技能图谱（示意）
离职，做自己感兴趣的事2019年从公司再次离职，不想再打工了，借鉴在国外留学时所学到的经验，转型开始做视频和线上教学，运营着“峰华前端工程师”账号，同时也在CSDN发表博客。在这期间还撰写了《JavaScript基础语法详解》一书。
编写书籍的时候，又是一次学习的过程，在查阅各种资料之后，对JavaScript有了更完全的认识。同时也明白了，人只有存在目标的情况下，才会有动力去完成看似不可能的事，避免浑浑噩噩度日。
如果你像我一样，也算比较大龄的程序员，有年龄焦虑，可以适当的想想还要不要在公司里继续工作下去，是不是该拿出勇气来尝试做自己真正想做的事，之后利用兴趣养活自己。这不是一条容易的路，所以在决定之前一定要做好两年之内没有起色的打算，这些如果我能总结出一套经验之后，再来分享。