第1个回答 2016-12-29
描述界面的语言：HTML, CSS
描述数据的语言（格式）：JSON, XML
连接数据和界面的语言：JavaScript
jQuery只是JavaScript的一个框架，因为便利，应用很广，当然也应该掌握。
AngularJS最近比较火，建议也学学。
若要用好JavaScript（其实其他语言也一样），正则表达式是必须学会的，达不到精通也要会。
作为前端，设计界面，免不了要和图片打交道，不会PhotoShop恐怕也说不过去。
另外，虽然是前端，服务器方面的知识也应该具备一些，比如Linux/Apache/PHP/MySQL（简称LAMP）。本回答被网友采纳
第2个回答 2020-12-22
不同公司，不同岗位，不同业务背景对优秀前端的要求可能会有差异，我们以阿里巴巴淘系技术部的一则JD为例，来拆解一下，不同级别的前端工程师应该具备什么样的技能。
JD
业务背景
淘宝内部最大创新项目之一，大团队已有百人规模，大部分项目处于保密阶段，前景远大
职位描述
1.负责组件库与业务页面开发。
2.带领团队完成技术产品实现。
3.负责大型多应用架构设计。
4.利用前端技术与服务端协同完成团队业务目标。
职位要求
0.掌握图形学，webgl或熟练使用threejs框架，熟练canvas相关渲染及动画操作的优先。
1.熟练掌握JavaScript。
2.熟悉常用工程化工具，掌握模块化思想和技术实现方案。
3.熟练掌握React前端框架，了解技术底层。同时了解vue以及angular等其他框架者优先。
4.熟练掌握react生态常用工具，redux/react-router等。
5.熟悉各种Web前端技术，包括HTML/XML/CSS等，有基于Ajax的前端应用开发经验。
6.有良好的编码习惯，对前端技术有持续的热情，个性乐观开朗,逻辑性强，善于和各种背景的人合作。
7.具有TS/移动设备上前端开发/NodeJS/服务端开发等经验者优先。
首先，总览全部的要求，会发现这个职位虽然提到了3d相关的技能，但是大部分却是应用开发相关的能力，所以这个职位并不是想找专业的3d领域同学，而是需要一个工程化能力强，对3d有了解的同学。
0.掌握图形学，webgl或熟练使用threejs框架，熟练canvas相关渲染及动画操作的优先。
初级：
学习过图形学相关知识，知道矩阵等数学原理在动画中的作用，知道三维场景需要的最基础的构成，能用threejs搭3d场景，知道webgl和threejs的关系。
知道canvas是干嘛的，聊到旋转能说出canvas的api。
知道css动画，css动画属性知道关键字和用法(换句话说，电话面试会当场出题要求口喷css动画，至少能说对大概，而不是回答百度一下就会用)。
知道js动画，能说出1~2个社区js动画库，知道js动画和css动画优缺点以及适用场景。
知道raf和其他达到60fps的方法。
中级：
如果没有threejs，你也能基于webgl自己封装一个简单的threejs出来。
聊到原理能说出四元数，聊到鼠标操作能提到节流，聊到性能能提到restore，聊到帧说出raf和timeout的区别，以及各自在优化时候的作用。
知道怎样在移动端处理加载问题，渲染性能问题。
知道如何结合native能力优化性能。
知道如何排查性能问题。对chrome动画、3d、传感器调试十分了解。
高级：
搭建过整套资源加载优化方案，能说明白整体方案的各个细节，包括前端、客户端、服务端分别需要实现哪些功能点、依赖哪些基础能力，以及如何配合。
设计并实现过前端动画引擎，能说明白一个复杂互动项目的技术架构，知道需要哪些核心模块，以及这些模块间如何配合。
有自己实现的动画相关技术方案产出，这套技术方案必须是解决明确的业务或技术难点问题的。为了业务快速落地而封装一个库，不算这里的技术方案。如果有类似社区方案，必须能从原理上说明白和竞品的差异，各自优劣，以及技术选型的原因。本回答被网友采纳
第3个回答 2020-12-18
描述界面的语言：HTML, CSS
描述数据的语言（格式）：JSON, XML
连接数据和界面的语言：JavaScript
jQuery只是JavaScript的一个框架，因为便利，应用很广，当然也应该掌握。本回答被网友采纳