前端资深工程师是啥水平

Posted 2023-04-19

参考技术A 应该掌握以下的一些知识点：
PC端网站布局：html基础，CSS基础，CSS核心属性，CSS样式层叠，继承，盒模型，容器，溢出及元素类型，浏览器兼容与宽高自适度，定位，锚点与透明，图片整合，表格，CSS属性与滤镜等。
HTML5+CSS3基础：HTML5新增的元素与属性，表单域增强元素，CSS3选择器，文字字体相关样式，CSS3位移与变形处理，CSS3 2D转换与过度动画，CSS3 3D转换与关键帧动画，弹性盒模型，媒体查询，响应式设计等。
WebApp页面布局：移动端页面设计规范，移动端切图，文字流式/控件弹性/图片等比例/特殊设计的100%布局，等比缩放布局，viewport/meta，rem/vw的使用，flexbox详解，移动web特别样式处理等。
原生javascript交互功能开发：基本语法，循环语句，函数与数组，String与Date，BOM与DOM，事件，拖拽效果，cookie存储，正则表达式，Ajax，面向对象基础，运动与游戏开发等。
面向对象进阶与ES5/ES6应用：Promise/A+，设计模式（观察者模式等），原型链，构造函数，执行上下文栈与执行上下文，变量对象与活动对象，作用域链，闭包，this，ES5，ES6等。
JavaScript工具库自主研发：DOM库，事件库，AJAX库，原型和继承库，MVVM核心库，基于SPA的路由库等。
jQuery经典交互特效：时间轴特效，tab页面切换效果，网页定位导航特效，滑动门特效，焦点图轮播特效，导航条菜单效果，瀑布流特效，弹出层效果，倒计时效果等。
php+mysql后端基础：PHP，MySQL，HTTP(s)协议详解，Ajax进阶、跨域与Defered，Apache与nginx 环境搭建与配置，接口的定义，Mock数据，Restful，前后端联调，前端安全(XSS,CSRF,JSON注入)等。
前端工程化与模块化应用：Gulp，Webpack，NPM，Git/SVN，CommonJS，AMD，CMD，ES6模块化等。
PC端全栈开发：大首页、列表页与详情页展示与交互特效、搜索、登录与注册、购物车、jQueryUI 与 jQuery EasyUI、Bootstrap(ACE)、Highcharts/Echarts、ArtTemplate、Velocity、Smarty、云平台系统前端等。
应用Vue.js开发WebApp：Vue.js基础，模块化，单文件组件，路由，与服务器通信，状态管理，单元测试与生产发布，服务端渲染SSR与Nuxt.js，基于Vue.js企业级项目开发等。
应用React.js开发WebApp：ReactJS基础，JSX语法，组件，flux+Redux，React，Router路由，动画效果，基于React 企业级项目研发等。
应用Angular开发WebApp：TypeScript 基础与进阶，开发环境配置，Hello World，架构、模块与组件，模板，元数据、数据绑定与数据显示，表单，服务与指令，依赖注入，路由，Ionic 3 MUI框架等。
微信公众号开发：初识微信公众号，订阅号的基本功能，使用百度BAE实现代码的快速上线，使用Git完成线上代码部署，公众号开发权限及功能接入，微信JSSDK接口API，微信场景项目开发与接入等。
微信小程序开发：微信小程序初探，小程序入门必学，小程序组件体验，小程序大功能，项目实战等。
React Native：React Native 初探，React Native 项目导航，React Native 项目文本框，React Native 项目滚动分页，React Native 项目第三方登录，React Native其他组件等。
各类混合应用开发：自主原生Navtive Hybrid，第三方Hybrid框架Cordova/Phone gap，第三方Hybrid框架等。
建议大家从一些知识细节入手，数据可视化入门，数据可视化基础，零编程工具使用：ChartBlocks、Infogram、plotly、Raw、Tableau，D3.js详解，D3.js 入门，D3.js 高级应用，D3.js 应用工具：NVD3、n3，charts，Highcharts，FusionCharts，Polymaps等。 参考技术B 分析各大招聘网站对Web前端人才的技能需求，主要包括以下几点：
1、精通HTML/CSS/JavaScript等前端相关技术；
2、掌握DIV CSS流动布局HTML代码编写，了解CSS3、HTML5优先；
3、掌握JavaScript语言核心技术DOM、BOM、Ajax、JSON等，熟悉对象化Javascript编程，熟悉Javascript应用框架（如prototype/jQuery/YUI/Ext至少一种）；
4、熟练使用各种常用JavaScript调试工具，熟悉至少一种流行的JS框架，如jQuery及VUE，有VUE实际项目经验者优先；
5、了解一种后端语言（Java/C/C /python/php/dejs等），熟悉Node.JS优先。
分析以上需求，我们可以了解到企业对武汉Web前端开发人才面试时的考察不仅是基础知识，还包括目前常用的框架、工具库，更重要的是，企业明确标注了有相关经验者优先，这就要求求职者还要具备对应的项目经验。

阿里天猫魔盒 TV 资深前端工程师刘丹：兴趣是最好的老师

他是电子科技大学的高材生，通过兴趣和努力脚踏实地的成为了一名优秀的前端工程师。他是一个对新技术充满了无限渴望的优秀开发者，喜欢挑战、喜欢学习、热爱分享。他就是本期程序员客栈专访优秀前端工程师：前京东现阿里天猫魔盒TV前端工程师：刘丹

程序员客栈王鑫：可否简单的做一下自我介绍？

刘丹：大家好，我是刘丹，目前就职于阿里巴巴，担任天猫魔盒TV端前端开发，先后参与了TV端焦点引擎的研发，TV端组件规范和生态的搭建，主导TV端H5页面及其应用搭建系统开发，研究TV端web性能优化方案，以及nodejs方面都有涉及。自认为目前还是一个初学者，有很多地方需要提高。

程序员客栈王鑫：您是什么大学毕业的？你是如何接触到编程开发的？是什么让你励志成为一名程序员？

刘丹：我毕业于电子科技大学，我们学校的硬件和软件在大学里算是比较优秀的，我是在大学里面接触的编程，当时接触的是C语言，接触之后感觉自己很喜欢，而且也很有天赋，并且在做出东西之后很有成就感，就慢慢开始接触更多了,就我个人而言这种成就感让我励志成为一名程序员。

程序员客栈王鑫：您毕业后都在哪些公司工作过，学到了什么？

刘丹：我是大学的时候进入京东做UE实习生，那个时候正是前端工程化兴起的时候，我也参与到了部门里的前端工程化建设，我们开发了一套适用于我们业务场景的前端开发流程。当时移动端刚刚兴起，我们立刻开发出了移动端H5页面专属搭建系统，这个系统服务于所有的商家，当时京东移动端H5商品页面80%都是这个系统搭建的，这段时期的经历对我来说是宝贵的，让我从大学生演变成为一个能独立思考的工程师。

之后进入了阿里巴巴，担任了天猫魔盒前端开发，期间搭建了整个TV端的前端开发生态，共同研发了TV端特殊交互模式的焦点引擎，并且研发出了属于我们TV端的浏览器内核，以及围绕这个生态和底层的TV端操作系统，这期间很多项目都是从0到1的探索，我学习到的知识和经验是前所未有的。

程序员客栈王鑫：你在京东和阿里做过很多优秀的产品开发，你都参与过哪些项目？遇到过哪些挑战？

刘丹：我参与负责过的项目主要有：京东店铺装修平台：负责全网移动端H5页面搭建平台，提供给商家和店铺搭建属于自己的H5店铺，并且发布到京东全网。

天猫魔盒TV端前端生态：TV端特殊交互的焦点引擎，底层组件方案制定和开发，前端中间件开发，形成TV端前端生态，运用在H5页面，web应用中。包括TV端H5页面和应用搭建系统：基于TV端前端生态，搭建出适应于TV端的H5页面和H5应用，以及TV端webos：基于自主研发的内核开发的webos系统

在京东开发移动端搭建系统的时候，由于业务模式新，技术体系全是自主研发的新体系，导致在开发过程中多次回归之前的功能，使开发周期拉长，之后我们建立了一个良好的回归测试方案，在功能回归上节约了大量的时间。

来到阿里之后，在魔盒上做前端开发有个很严重的问题，就是性能，因为硬件成本低，导致web页面的渲染出现各种各样的性能问题，闪屏，动画闪烁，掉帧，前端一度陷入苦恼，之后我们统一了焦点引擎，优化了动画方案，并且配合底层做出了我们自己的内核，使TV端web性能接近于native性能。

程序员客栈王鑫：从一名普通的前端工程师成长成为阿里的web高级前端工程师，你是如何一步步走来？

刘丹：在学校学习编程的时候，我就对编程很有兴趣，接触前端之后，更是喜欢，这应该是我一路走来的动力。在京东的两年，让自己更深刻的认识了互联网，良好的业务也让自己的前端技术提升很多。在阿里的工作收获最大的是思考更加严谨，架构工程和独立完成项目的能力得到了提高。

程序员客栈王鑫：对你来说一名优秀的前端工程师需要具备什么样的硬实力？就以你个人而言，哪些前端语言比较擅长？

刘丹：我最擅长的是js，最大的优势应该是是更善于独立思考，在需求和能力范围内我喜欢创造新的东西。再者个人觉得一名优秀的前端工程师能灵活的写出具备兼容性的页面，善于用不同的方式解决问题，对js的理解一定要深入，具备基本的模块化封装能力，代码需要具备一定的抽象程度。前端工程师也是工程师，所以需要了解算法，数据结构，操作系统的相关知识，学习一些服务端知识，并且在项目中逐步实践。最终考验一个工程师能力的指标就是解决问题的能力。

程序员客栈王鑫：现在前端工程师市场需求很大，那外包公司和大的互联网公司工作的区别在哪里？

刘丹：作为前端开发，外包公司对快速开发，独立完成整个项目的能力都有提高，大公司在管理上，制度上更加完善，对新技术接触的可能性更多。

程序员客栈王鑫：你平时除了写代码以外还有哪些爱好？

刘丹：我平时还喜欢看书，各方面的书，不同的知识可以弥补自己的盲区，我觉得只有通过不断的学习以及增加自己的阅历才能适应未来更多的挑战。

程序员客栈王鑫：你会一辈子做程序员吗？你个人的职业生涯是如何规划的？

刘丹：首先写代码是我的兴趣，我也没有把程序员当成职业，我是把它当成工具，如果需要，我就拿出来用，我以后的人生估计是离不开程序了。我目前还没有没有明确的职业规划，因为世界变化太快，我只能做到努力的使自己进步来把握世界的变化。

程序员客栈王鑫：一个有趣的段子“产品动动嘴，开发跑断腿”，你如何处理和产品经理的关系？

刘丹：其实我觉得产品和研发是天生的朋友，产品帮助研发梳理功能流程，开发实现产品需求，之所以到处都有产品和研发的矛盾事件产生，我是觉得原因在于两个方面：

第一个是产品没有明确自己的职责，有的产品没有梳理好需求和功能，随时提出需求和修改需求，没有明确的定位。

第二个是研发的技术能力有限，无法准确高效的完成产品的需求，并且无法抽离出潜在的需求和功能来提高自己的开发效率。

本文出自 “先来一杯java压压惊” 博客，转载请与作者联系！