html技术选择工作,想转web前端要学些啥技术？得先知道面试时会问些啥？

想跳槽？想涨薪？那就得先了解面试官的套路，总结了部分应聘前端工程师相关岗位时可能会被问到的问题，不过许多问题是开放式的，可能会引起一些有趣的讨论。但一个问题的价值绝不仅仅是考察应聘者的专业能力，从一个人的回答中可以看出很多东西，比如性格、逻辑思维等。作为应聘者，应该学会从问题中分析出面试官想考察的是哪方面。

通用问题库

1、你最近学到了哪些新知识?是通过哪种方式学习的?

2、你最近遇到的技术挑战是什么?又是如何解决的呢?

3、UI、安全、性能、SEO、可维护性或技术，你在构建Web应用程序时是如何考量这些因素的?比如先后顺序是什么样的?

4、可以描述一下你通常创建网页时的工作流程吗?

5、你能描述一下渐进增强和优雅降级之间的区别吗?

6、请说出三种减少页面加载时间(感知或实际加载时间)的方法。

7、如果你今年只可以掌握一种技术，你会优先选择什么?

8、阐明标准和标准体(standards and standards bodies)重要性。

9、浏览器一次可以从特定域中下载多少资源?(浏览器并发请求数)?

10、Flash的Unstyled Content是什么? 你如何避免FOUC?

11、阐明ARIA和屏幕阅读器是什么，以及如何使一个网站可访问。

12、阐明CSS动画和JavaScript动画的优缺点。

13、你为什么从事这个工作?是因为感兴趣吗?

......

CSS问题

1、描述BFC及其工作原理。

2、请解释CSS sprites，以及如何在页面或网站上实现?

3、“重置”和“规范化”CSS之间的区别是什么? 你会选择哪个，为什么?

4、描述z-index和如何形成堆栈上下文?

5、如何修复浏览器特定的样式问题?

6、以视觉方式隐藏内容(并使其仅适用于屏幕阅读器)的不同方法是什么?

7、你曾经使用过网格系统吗?如果是，你认为它怎么样?

8、你用过媒体查询,或针对移动端的布局/CSS吗?

9、编写高效的CSS有什么“陷阱”?

10、使用CSS预处理器的优点/缺点是什么?你喜欢使用CSS预处理器吗?

11、如何实现使用非标准字体的Web设计合成?

12、说明浏览器如何确定与CSS选择器匹配的元素。

13、解释一下你对框模型的理解，以及如何在 CSS 中告诉浏览器使用不同的框模型来渲染你的布局。

14、什么是* {box-sizing：border-box; } ? 它有什么优点?

15、相对，固定，绝对和静态元素之间的区别是什么?

16、CSS中的'C'代表级联。在分配样式中如何确定优先级(可以列几个示例)? 你如何使用这个系统?

17、你使用新的CSS Flexbox或Grid规范了吗?

18、响应式设计与自适应设计有何区别?

19、什么时候会选择使用translate()而不是绝对定位，为什么?

......

HTML 问题

1、全标准模式，几乎标准模式和怪异模式有什么区别?

2、在设计或开发多语言网站时，必须注意什么问题?

3、将网页作为应用程序/ xhtml + xml存在什么问题吗?

4、如何为含有多种语言内容的网页提供服务?

5、将HTML5视为开放式网络平台。HTML5的构建块是什么?

6、描述cookie，sessionStorage和localStorage之间的区别。

7、描述

8、一般来说，在