前端开发工程师面试、笔试常见题

30岁前端开发工程师|前端全栈开发人才就业|为什么选择前端开发 面试问题

三大类：html,css,Javascript(jquery)

html:

1. 什么是语义化的html?有何意义？为什么要做到语义化？（高频率考题）
2. 行内元素和块元素分别有哪些？（高频率）
3. 严格模式与混杂模式的区分？如何触发这两种模式？（高频率）
4. Doctype 是什么？有啥作用
5. html与XHTML的区别
6. HTML5以什么标签开头？
7. Div与span的区别
8. Img的alt和title有啥区别？各自作用？
9. HTML5的离线储存
10. iframe有那些缺点？
    。。。。。

css:

1. css盒模型原理（高频率）
2. css的导入方式：import与link方式的区别？优缺点？（高频率）
3. css的优先级？内联和important哪个优先级高？（高频率）
4. 盒子垂直居中方法（高频率）
5. 浮动元素清除浮动方法（高频率）
6. 常见兼容性问题（高频率）
7. css的定位属性，各自区别，应用场景
8. 谈谈CSS3 Media Queries
9. display:none与visibility：hidden的区别（高频率）
   10.谈谈CSS hack
   11.CSS中em和px的关系和区别
   .。。。。。

Javascript：

1. 闭包的理解，javascript的作用域（高频率）
2. Ajax的跨域问题和缓存原理？同步与异步的区别？（高频率）
3. 数组的增删查找（高频率）
4. DOM节点的创建、移动、复制、删除、查找。（高频率）
5. SetTimeout与setInterval区别
6. 面向对象编程:b怎么继承a
7. 编写一个JavaScript函数 parseQueryString，它的用途是把URL参数解析为一个对象
   varobj = parseQueryString(url);
   alert(obj.key0) // 输出0
8. js关键字与保留字的选择：parent，class，void,main。
9. ajax属于javascript？
   10.Var a = ‘abc def ghi’,把每三个字中的首字母转为大写。
   11.Ajax的执行过程
   12.JSON与XML的区别？优缺点？
   13.写一个tab菜单切换程序
   14.写一个点击input能够弹出当前input索引的函数。
   15.==与===的区别
   16.Null与undefined的区别
   17.js如何实现多重继承
   18.Eval是啥？谈谈对它的理解
   19.事件、IE与火狐的事件机制有什么区别？
   20.如何封装一个js插件
   21.js的数据类型有哪些？
   。。。。。

其他：

1. 对bootstrap的理解（高频率）
2. 网站性能优化的方法（高频率）
3. 响应式布局（高频率）
4. 前端由哪些部分组成（高频率）
5. W3C标准是啥
6. 渐进增强与优雅降级的理解
7. 为什么利用多个域名来提供网站资源会更有效？
8. http中的404状态码是什么意思
9. 常用的测试工具、开发工具有哪些？
   10.jpeg、gif、png格式的优缺点，应用场景
   11.谈谈对前端的理解
   12.你认为做前端最需要的品质
   13.你最近看过的文章是什么
   14.有没有逛技术网站的习惯？请列举这些网站
   15.。。。。。

前端开发初学者视频|web前端全栈开发视频|目前最流行的前端开发工具