Web前端面试总结

Base Prepration:

作为一名Web前端开发工程师，应该要有自己的个人作品（如个人网站之类），博客，和所关注的用于学习和分享Web前端技术的社区或贴吧（如github, w3cschool等）。

 

面试之“闲扯”：

1. 你觉得前端是做什么的？

2. 你在之前的工作中都做哪些前端相关的工作，工作流程是什么？

3. 未来的职业规划？

4. 对加班怎么看？

 

面试之主角儿--题：

虽然是招的三年工作经验的Web前端工程师，但是越知名的公司，面试的好像越是基础的东西。

　　Javascript -- web前端新技术层出不穷，所以掌握好原生JS是关键，基本所有公司都会考到原生JS相关的核心知识

     　　原型链

           闭包

　　　  有哪几种继承的方式，各自的优势与劣势

　　　  如何将JQuery对象转化为JS对象

           原生Ajax怎样写

           关于DOM操作的那些方法，如DOM元素的查找、添加、删除等

  　　　事件委托

　　Ajax

           异步调用的好处

           原生Ajax怎样写，JQuery中怎样写

           Ajax在什么情况下会执行success, 什么时候会执行error

           Ajax都能返回哪些类型的数据，你用得较多的是哪种，是在什么情况下用到的

 　　  怎样解决ajax不能跨域的问题

　　     有哪些域？

           图片上传有哪些方法，ajax是怎样将图片进行上传的

　　CSS

　　　　盒模型是什么，有哪几种　

　　　　我们平时所指的宽和高是什么

　　　　平时工作中都要兼顾哪些浏览器，IE兼顾的最低版本是IE几

　　　　你平时遇到了哪些经典的浏览器不兼容问题，怎样解决的　　

            你平时都是怎么实现页面布局的，用到了哪些CSS属性（如float, position）

　　　　DOM layout 排列--怎样实现水平竖直都居中

            DOM layout 排列--怎样实现如图所示的布局　　 　　　

  　 　　Position属性有哪几个值，区别是什么

            页面浮动是用来做什么的，怎么清除浮动

            CSS3的新特性

　　HTML

 　　　W3C的标准和Web语义化

            Doctype的作用，有哪些值

　　　　DTD有哪些值

　　　　Frame的好处与欠缺点

　　　　HTML5有哪些新特性，删除了哪些元素，增加了哪些元素

　　　　HTML5画布

　　JQuery--编程算法题

　　　　在页面打印出一个倒三角的99乘法表

            在数组[‘a‘,‘cda‘,[‘gfd‘,‘jhgahganbaa‘,[‘bv‘,‘fd‘,[‘fda‘,‘klj‘],‘aiyo‘]],‘tew‘]中找出字符a出现的次数

            冒泡排序

　　　　100个台阶，一次只能走1，2，3个台阶，有几种走法？

　　以上是基础的技术，接下来是拓展

　　　　模块载入框架 --  Require.js, Common.js

　　　　响应式开发 -- BootStrap

            轻量级框架 -- Angular.js, Backbone.js, React.js

　　　　CSS预编译 -- Sass, Less, Postcss 以及他们之间的比较

            会写组件，插件