前端工程师考试机试内容

知识要点：web工作原理、HTML4及HTML5、常见标签、相对路径与绝对路径、HTML5标签布局知识要点：CSS基本语法、基本选择器、复合选择器、背景图片、盒子模型、精灵图、常见网页布局、浮动定位、Flex布局、响应式布局、移动端适配、网页动画、CSS3新特性、Less预处理器基础知识要点：ECMA基本语法、数据类型、运算符、分支结构、循环结构、函数、常见内置对象的属性和方法、Array、Math、Date、知识要点：DOM模型、节点类型、节点的基本操作、JS操作样式表、克隆节点、获取坐标位置、获取元素尺寸、节点的各种属性和方法。知识要点：History、Location、Navigate、定时器、线程、事件循环、web工作原理、性能优化、事件对象、正则表达式、jQuery框架框架基本语法知识要点：vue基本语法、双向绑定、组件传值、条件渲染、列表渲染、事件处理、表单绑定、自定义事件、插槽、过渡、动画、动态路由、嵌套路由、编程式导航、导航守卫、路由懒加载、脚手架、生命周期、vuex、axios、ts、案例知识要点：将知识点融会贯通到案例中。基本语法知识要点：react简介、jsx语法、元素渲染、组件和props、state、生命周期、表单、条件渲染、组合继承、hooks、性能优化、redux

一般很少会让机试。现在不管前端还是后端的工程师很少会面试的时候直接让你上机操作吧,最多也就会让你手写部分代码,或者先进行笔试,通过后在进行面试。前端面试不一定都需要笔试。 因为像一些比较技术比较牛的前端开发工程师,它是很难接受笔试,面试的,因为笔试的内容一般都是一些基础方面的内容。

一、基本知识 我们生活在网际网路时代，你想知道的任何事情几乎都能在15分钟内找到相关资讯。可是，能找到资讯并不等于你会使用它。我认为所有前端工程师至少都应 该掌握某些基本的知识，才能有效地完成自己的工作。如果一遇到问题，就停下工作上网四处搜寻解决方案，怎么可能保证按期完成工作呢？听听，还有谁在说“我 不知道，但我可以上网搜到。”请这些同学把手举起来，让大家认识一下（immediately raises a flag for me.）。下面我列出一些基本的知识点，这些都是我认为一名前端工程师（无论工作年头长短）在没有任何外来帮助的情况应该知道的。 [list][*] DOM结构——两个节点之间可能存在哪些关系以及如何在节点之间任意移动。 [*] DOM操作——怎样新增、移除、移动、复制、建立和查询节点。 [*] 事件——怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别。 [*] XMLHttpRequest——这是什么、怎样完整地执行一次GET请求、怎样检测错误。 [*] 严格模式与混杂模式——如何触发这两种模式，区分它们有何意义。 [*] 盒模型——外边距、内边距和边框之间的关系，IE 8以下版本的浏览器中的盒模型有什么不同。 [*] 块级元素与行内元素——怎么用CSS控制它们、它们怎样影响周围的元素以及你觉得应该如何定义它们的样式。 [*] 浮动元素——怎么使用它们、它们有什么问题以及怎么解决这些问题。 [*] HTML与XHTML——二者有什么区别，你觉得应该使用哪一个并说出理由。 [*] JSON——它是什么、为什么应该使用它、到底该怎么使用它，说出实现细节来。 [/list] 重申一下，上述这些知识点都应该是你应该“想都不用想”的东西。我一开始问的所有问题都是想摸清你对所有这些领域知识的掌握程度。虽然上面列出的这些知识点并没有面面俱到，但我觉得你至少应该掌握这些，才有可能跟我坐到一间办公室里来。 二、少量提问 我非常赞同面试者问的问题越少越好。反复问应聘者各种问题既不公平，也很无聊。我在任何一次面试中，通常只问三个大问题，但每个问题又会涉及我所能想到的多个方面。回答每个大问题一般要经过几个步骤，这样我就可以在每个步骤中穿插著问一些小问题。比如说：

HR一般不会面试太深的问题，主要是了解一下你之前的工作经历，更多的是你自己描述，中间可能会问一些初级的问题，比如，你为什么从上一家单位离职等类似问题。

这样的布局用绝对定位实现最合适，ABC的外层用相对定位，里边各列用绝对定位就可以。至于CBA且B宽度自适应，还是用绝对定位，但只定位C,A分部到两侧，中间的列margin设成左右列的宽度就可以。

web前端开发工程师想要硬气的跳槽，起码应该达到以下几点： 1.掌握扎实的技术基础， 需要掌握技术包括：HTML、CSS、JavaScript; HTML是Web程式设计的基础，HTML也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页档案本身是一种文字档案，通过在文字档案中新增标记符，可以告诉浏览器如何显示其中的内容。 维护大型的CSS程式码库并非易事，特别是那些随意散漫未经组织的CSS程式码极易变成一团乱麻，所以，应该掌握CSS命名规范，来帮助开发者编写优质的程式码。 2.深入理解前端工程化和元件开发; 需要熟悉web前端框架—— React、等， React为我们提供了直接易用的，以状态为核心的前端应用开发方式，前端工程师应该会分析React内部工作原理，讨论React中简单元件、类元件等渲染流程。 单元测试是应用开发中不可或缺的部分，日常开发中会用到的单元测试的例子，所以应该掌握。 3.熟练掌握Web开发相关知识 至少熟悉一门后端语言，例如、Java、Go等; 内部原理视非常重要的，应该明白的主程序是如何启动的、如何载入内建模组、os包如何实现等等。 4.对技术有热情，有一定前端架构能力或者技术深度;具备团队合作意识强，能够多团队协作开发;具备企业级大型前端应用开发经验更佳。

前端工程师需要懂得设计类程式码和js，有需要了解一些后台语言，例如PHP等。

1.入门阶段：能够解决一些问题的水平。有一定的基础(比如最常见的HTML标签及其属性、事件、方法;最常见的CSS属性;基础的JavaScript程式设计能力)，能够完成一些简单的Web前端研发需求。 2.进阶阶段：将JavaScript、HTML、CSS之类的编码帮助手册里的每个方法/属性都通读几遍!只有将基础打好，以后的路才能走的顺畅。 3.入室：最强程式码，知道所有能够解决需求的各种方案，能够选择使用最优秀的方案满足需求。这个级别基本上产品开发程式设计中的程式码主力。程式设计师应该能够肯定的回答：对于这个需求而言，我的程式码就是最优秀的程式码。 4.注重细节，注意那些当前需求里没有明文给出的细节：程式码效能的差异、执行平台(浏览器)的差异、需求的隐性扩充套件、程式码的向后相容等等。

web前端工程师是不参与任何的设计，直接将网站美工制作的网站效果图使用ps按照效果图进行切片并使用、css、js等程式码进行网页的制作，最终编写出符合w3c标准的相容各个主流浏览器的静态页面，同时还需要按照后台开发人员的要求留下一些后台资料的介面。所以说网站前端工程师更多的是程式设计而不是设计。 UI设计师一般是学美术或者设计出身，精通photoshop、AI、AE等平面设计工具，其在网站开发过程的中的职责就是按照客户或者公司的需求设计出符合客户需求和介面或者颜色符合大众视觉的网站效果，如根据不同行业的需求设计颜色、设计介面风格等，其工作的最后成果就是网站的效果图。

less和sass什么时候学都行，1,2天就能学会。这个不著急，没有什么承上启下的作用，可以单独拿出来学。 bootstrap就是一个框架，把最主要的栅格系统看看就好。其他的大概了解能干啥就行，很多公司，是不让用bootstrap的，而是用原始码自己写。这个用一天的时间没啥问题。 和angular比较重要，如果学会，算是上了一个台阶了。所以重点说说这个。 angular属于mvvm框架，一开始觉得angular挺复杂的，所以想学一个简单的，轻量级的，所以决定先学vue。但是在了解的过程中发现，很多的专业名词，没听过，或者理解不透。所以又开始从头学习。在学习的过程中又开始迷茫，发现了很多JS不懂的地方。 所以，又开始深入研究js的dom，函式，ajax，阵列等。总之用了很长的时间，浪费了很长时间。 最后总结一下啊。其实，没必要钻那么多牛角尖。 先做着vue的例子，不懂的地方，直接略过，很多时候，不理解的不懂的东西，用着用着，突然就能明白。照猫画虎先把VUE的例子跟着做一遍之后，同时梳理一下涉及到的JS知识点。能自己用vue做出几个小成品的时候，开始结合js研究。之后再去涉及angular。 angular差不多有个大概了解的时候，反过头接着学vue，你会发现，又会发现很多新东西。 web前端这个东西特别有意思，当你达到一个高度，返回来再看以前的技术，会发现，哎呀，竟然又能发现新大陆。

培训学校很多，没有具体的衡量标准的。但是可以从几方面去选择： 1 有很多优秀导师的 2 培养出很多优秀学员的 3 只做培训的，没有做其他的 4 做的比较久的。

建议找全程面授课程的地方学习，课程体系很重要，现在企业在用人方面讲究全栈的前端工程师人才，所在在课程选择上要慎重，学习内容要基于HTML5，要包含pc端+移动端+后端。这要才能学的系统，就业上才会有所保障。