web前端面试怎么说明

[web前端面试技巧]面试前端工程师对我来说是一件非常有意思的事，因为面试过程很大程度上也是自我提升的过程。无论大公司还是小公司，之所以在如何招聘到真正有能力的，前端工程师方面会遇到同样的...+阅读

web前端面试怎么说明

你的笔试题，根据其做延伸. 你的简历，技术栈、工作外学习情况、项目经验. 第一页很重要，最好都能掌握，有亮点更好. 面试官额外的延展的知识点，随机问，看你运气和积累（一般会提及到 ES6、解决实际问题的方法、数据结构与算法都有可能）.应对刷题，各种基础题会帮你快速回忆起来，比你看书快，如果基础不好的话，看书好好学学吧. 简历上自己写的东西，要能说出来. 积累，每次面试不成功就回来填坑吧，还是有掌握不到位的. 我觉得能坚持下来的话，找工作只是时间问题. 据公司业务不同，着重点不一样，公司能把你简历挑出来，就说明有用人单位感兴趣的部分. 可能你写的是熟练使用 Vue，公司也是这个技术栈. 可能你知识写的全面，公司想面面你实际掌握怎么样. 可能你项目写的贴合用人单位需要，比如都是做后台管理的.框架问题：（Vue 举例， 3框架实质问题差不多，具体有些差异）封装过哪些组件？有自己写过 UI 组件吗？什么是 MVVM ，和 MVC 是什么区别，原理是什么？父子组件怎么通信的？兄弟组件怎么通信的？生命周期有哪些，怎么用？ Vue 全家桶都用过哪些？具体怎么用？HTML5 + CSS3 盒子模型如何给未知宽高的图片垂直居中对齐？有几种方法？移动端的 rem 布局. 前端可以做哪些优化，或问你 SEO，基本都问. 清除浮动方式和原理，基本都问. 几种方式？原理？为什么要用伪元素？具体代码怎么写，为什么这么写？清除浮动就会涉及到 BFC 的问题. 给你实际页面例子，让你口述布局或手写实现细节，可以使用几种方法，怎么写兼容性好，拓展性好. 具体 API 哪个 CSS 版本的？ CSS3 新增了哪些 API？可能问你哪些 API 是 CSS 哪个版本的？兼容性怎么样. CSS hack 是什么？包含什么？怎么处理兼容性问题？ HTML5 新增了哪些 API？哪些比较常用？用来做什么？实际怎么用？ cookie, session, localStrorage, sessionStorage 区别，具体怎么用代码去操作？JavaScript 变量声明提升的问题. 闭包的原理，闭包的各种题，基本都问. DOM2 事件流，冒泡和捕获问题？ this 指向问题，一般都是在笔试题里，拿着问你，问的比较多. call 和 apply 区别？有的还会加问 bind？面向对象编程中的继承问题，原型链问题在笔试题里比较常见. jQuery API ，各种操作 DOM 用法，还有一些新的 API，这种在不用 3 大框架的公司会问的很详细. 可能有些考算法结构的，可以了解一下，一般前端掌握的很少. Ajax 基本都问，问的细节可能不同，比如 get 和 post 有什么区别？数组的方法 - es6 以下基本都能熟练使用，应该会加分不少字符串的方法 - 拼接，截取，带些正则数组去重问的挺多的（解法很多， ES6 有很多简短写法） ES6 的 Promise ，很多都会问. 如果公司用框架或者你写了，还会问你 Class. var, let, const区别，问的多. 栈和队列结构，有的会问. 跨域问题：同源策略，解决方案，解决原理（比如 jsonp 的原理），这里都是高发区.

如何面试一个前端开发者

1.明确一下，很多面试因公司、公司规模、面试官以及你获得面试资格的渠道而不同。我曾经经历过这样的面试，在面试官坐下前，他显然并没有看过（或者记得）我的简历内容。另一方面，我也经历过其他一些面试，面试官在面试前已经事先了解了关于我的一切。因此，你对前端开发者面试准备，在实际面试前开始。

2，面试前，应该假设一下面试官将会深入调查你。确保你的网上作品集和相关的社会关系网络内容都是最新的。无论是个人网站、Behance、还是Dribbble，确保给人的第一印象是好的。这一点甚至可以在你踏入房间之前就能影响到面试官对你的看法。

3 世事多变，这种准备并非包罗万象的。将这些问题作为参考，同时一定记得：面试要放松。

web前端常见的面试题有哪些

＂web前端常见的面试题有： px和em的区别 px表示像素（计算机屏幕上的一个点：1px = 1/96in），是绝对单位，不会因为其他元素的尺寸变化而变化； em表示相对于父元素的字体大小。em是相对单位，没有一个固定的度量值，而是由其他元素尺寸来决定的相对值。优雅降级和渐进增强渐进增强（Progressive Enhancement）：一开始就针对低版本浏览器进行构建页面，完成基本的功能，然后再针对高级浏览器进行效果、交互、追加功能达到更好的体验。优雅降级（Graceful Degradation）：一开始就构建站点的完整功能，然后针对浏览器测试和修复。比如一开始使用 CSS3 的特性构建了一个应用，然后逐步针对各大浏览器进行 hack 使其可以在低版本浏览器上正常浏览。其实渐进增强和优雅降级并非什么新概念，只是旧的概念换了一个新的说法。

在传统软件开发中，经常会提到向上兼容和向下兼容的概念。渐进增强相当于向上兼容，而优雅降级相当于向下兼容。 CSS样式覆盖规则规则一：由于继承而发生样式冲突时，最近祖先获胜。规则二：继承的样式和直接指定的样式冲突时，直接指定的样式获胜规则三：直接指定的样式发生冲突时，样式权值高者获胜。样式的权值取决于样式的选择器，权值定义如下表。 CSS选择器权值标签选择器1 类选择器10 ID选择器100 内联样式1000 伪元素（：first-child等）1 伪类（：link等）10 可以看到，内联样式的权值>>ID选择器>>类选择器>>标签选择器，除此以外，后代选择器的权值为每项权值之和，比如”#nav .current a”的权值为100 + 10 + 1 = 111。规则四：样式权值相同时，后者获胜。规则五：！important的样式属性不被覆盖。

！important可以看做是万不得已的时候，打破上述四个规则的”金手指”。如果你一定要采用某个样式属性，而不让它被覆盖的，可以在属性值后加上！important，以规则四的例子为例，”.byline a ”可以强行使链接显示红色。大多数情况下都可以通过其他方式来控制样式的覆盖，不能滥用！important。这些面试题内容在黑马程序员视频库都能找到，你可以去看一下。而且如果你正在黑马学习，也不用担心，老师会专门讲面试题的。＂

如何面试前端工程师

从前端开发要掌握的技术来讲，前面已经说得差不多了。我主要想从面试者的角度谈一谈看法。如果是我面试，就给应聘者一个开放的项目，可以提供服务器端API或数据服务，限定一周时间，这叫试做。然后，根据评审确定入围的人，再面试。面试可以围绕项目展开，首先让面试者围绕HTML、CSS和JavaScript讲一讲设计思路、实现过程、遇到了什么困难，如何解决的，最终实现方案与设计有什么出入，有什么收获，等等。然后再根据项目中的不足有针对性地提问测试，考察面试者的实际经验和解决问题的能力。解决实际问题的能力最重要。总之，实际的开发工作不同于考试，考试设计得越接近实际工作需要，结果才可能越真实，才可能真正招到想要的人。