#面经#豆瓣电面一轮

为什么80%的码农都做不了架构师？>>>   

        学校里的大流是BAT，到今天四月中旬为止，动静最大的还是A和T。大概还是要看学姐学长在哪里。相比之下，豆瓣的动静 就小了很多。上个月投了豆瓣网申，笔试没过，昨天出乎意料地收到了面试通知，今天接到了电面。

        今天刚好总结完项目，就来了豆瓣电面电话。面试还算顺利，因为刚总结完所以项目说得溜溜的，被问到了技术实现原理。以下做一个总结：

        首先问了笔试题，然后针对笔试题提了一些问题。这个感觉没答好。然后问了最深刻的项目，针对项目问了项目细节和一些技术的实现原理，问了一些框架之间的比较和自己的使用感受，最后附加问了两个问题。

        1、angularJS双向绑定实现原理？（如果你有说自己用过angular，那么这道题几乎是必问）

        2、angularJS和其他一些框架相比，它的优缺点？

        3、使用bootstrap的感受，它的优缺点？

        bootstrap本身是一个响应式的前端框架，缺点是IE兼容性不好。界面虽然统一简洁却也千篇一律。缺点它的全部样式过于庞大，但这都可以通过定制CSS来减少文件大小。

        4、bootstrap的栅格化实现原理？（因为我说了优点有栅格化，所以被问到这个）

        栅格系统的实现原理非常简单，仅仅是通过定义容器大小，平分12份，再调整内外边距，最后再结合媒体查询，就制作出了强大的响应式的栅格系统。Bootstrap默认的栅格系统平分为12份，在使用的时候大家也可以根据情况通过重新编译LESS源码来修改12这个数值。

        即通过普通的样式设置外加媒体查询。

        源码分析：http://caibaojian.com/bootstrap3-grid.html

        5、socket.io与webRTC的区别？

        附加题：

        1、浏览器不同TAB页面之间进行通信的方法？同域和异域通信方法？

        2、前后端数据交流的方法有哪些？

        补充：

        1、展开与收起效果：

        http://www.imooc.com/view/90
        2、canvas的渲染机制

        3、BS3的改进：http://www.zhihu.com/question/21394806

        4、为什么不用SVG图标，而要用icon font？http://www.zhihu.com/question/26865508

        5、icon font /SVG/font face

转载于:https://my.oschina.net/sheila/blog/402307