阿里面试碰到的问题

阿里面试碰到的问题

HTML

• HTML5新增了哪些内容或API，使用过哪些
• input和textarea的区别
• 用一个div模拟textarea的实现
• 移动设备忽略将页面中的数字识别为电话号码的方法 --- 2017.06.10补充

CSS

• 左右布局：左边定宽、右边自适应，不少于3种方法
• CSS3用过哪些新特性
• BFC、IFC
• 对栅格的理解
• （水平）居中有哪些实现方式
• 1像素边框问题

JavaScript

欢迎加入全栈开发交流群一起学习交流：864305860

• 图片懒加载
• 实现页面加载进度条
• 事件委托
• 实现extend函数
• 为什么会有跨域的问题以及解决方式
• jsonp原理、postMessage原理
• 实现拖拽功能，比如把5个兄弟节点中的最后一个节点拖拽到节点1和节点2之间
• 动画：setTimeout何时执行，requestAnimationFrame的优点
• 手写parseInt的实现：要求简单一些，把字符串型的数字转化为真正的数字即可，但不能使用JS原生的字符串转数字的API，比如Number()
• 编写分页器组件的时候，为了减少服务端查询次数，点击“下一页”怎样能确保还有数据可以加载（请求数据不会为空）？
• ES6新增了哪些特性，使用过哪些，也有当场看代码说输出结果的
• JS模块化的实践
• require.js的实现原理（如果使用过webpack，进一步会问，两者打包的异同及优缺点）
• promise的实现原理，进一步会问async、await是否使用过
• 实现gulp的功能
• 使用前端框架（angular/vue/react）带来哪些好处，相对于使用jQuery
• vue双向数据绑定的实现
• 单页应用，如何实现其路由功能

性能优化

• 项目中使用过哪些优化方法
• 输入一个URL，Enter之后发生了什么
• （承上）页面的渲染过程
• 优化中会提到缓存的问题，问：静态资源或者接口等如何做缓存优化
• 页面DOM节点太多，会出现什么问题？如何优化？

项目经历

这些大公司招聘都是高级工程师起步，所以对简历上的项目会刨根问底。很多很多问题都是由项目中拓展开的，像优化相关的东西，还有前面提到的require.js、promise、gulp，项目中用到了某项技术，高级工程师的要求是：不仅会用，更要知道其原理。对自己的提醒：项目中用到的技术，不能说完全掌握其原理吧，但大致的实现还是有必要了解一下的。

• 介绍一下你做的这个项目，进一步细问：整个项目有哪些模块，你主要负责哪些
• 你在项目中的角色
• 你在项目中做的最出彩的一个地方
• 碰到过什么样的困难，怎么解决的
• （如果你是这个项目的负责人），任务怎么分配的，有没有关注过团队成员的成长问题
• 前端安全问题：CSRF和XSS

其他

• 为什么选择做前端（我靠，我都快转前端两年了，还在问这个问题啊...）
• 你希望进入一个什么样的团队
• 你有什么问题想问我（面试官）的吗？

虽然面试没成功，但自己也收获了很多。
本次给大家推荐一个免费的学习群，里面概括移动应用网站开发，css，html，webpack，vue node angular以及面试资源等。
对web开发技术感兴趣的同学，欢迎加入Q群：864305860，不管你是小白还是大牛我都欢迎，还有大牛整理的一套高效率学习路线和教程与您免费分享，同时每天更新视频资料。
最后，祝大家早日学有所成，拿到满意offer，快速升职加薪，走上人生巅峰。