网易+腾讯+阿里  前端面试经验

网易面试

通知的是11点面试,我大概十点多就去了。
总共三轮面试,两轮技术面,一轮hr面,前台叫到你的时候,你去看自己在第几组,然后去对应的组面试。面试是1v1的。
去之前我还准备了正装(最后发现根本不用,而且看起来很异类)。
一面,是个男的面试官,一看就比较技术宅。首先,我坐到那里以后,先让我进行一番自我介绍。然后他在网上调出了我的简历,开始提问。我想的起来的一些题目大概罗列一下
1.什么是html语义化?
html语义化是使用一些语义化的标签来定义html的结构。语义化的好处是。1、使html文档 结构更加清晰。2 便于SEO搜索引擎识别文档内容,便于爬虫爬取网页内容以获取网页内容。3.便于一些盲人阅读器得到网页结构信息以便于对网页内容换方式重现。
2.什么是闭包?作用域链?
闭包:这个问题面试经常考。关于这个问题阮一峰的日志写的挺清楚的,有时间的话可以看看红皮书,上面写的更详细。 http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html 作用域链详解:http://www.cnblogs.com/lhb25/archive/2011/09/06/javascript-scope-chain.html
3.解释一下原型链实现继承机制?组合继承?
利用原型让一个引用类型继承另一个引用类型的属性和方法 http://www.ruanyifeng.com/blog/2011/06/designing_ideas_of_inheritance_mechanism_in_javascript.html 详解http://www.108js.com/article/article1/10201.html?id=1092 组合继承:将原型链与借用构造函数的技术组合起来。在原型中定义公用的属性方法,在实例中定义私有的属性方法。实现组合式继承。
4.如何确定原型与实现机制的关系?
(1) Instanceof() (2)isPrototypeOf()
5.H5有什么新特性?
audio、video、article、header、footer、canvas、webstorage
6.WebStorage的了解?
H5的 Webstorage里加入了localStorage和sessionStorage。提供了一种在本地存储用户数据的方式。传统的cookie是用于与服务器交互的和在客户端存储用户数据的方式。他的缺点在于 (1)cookie的个数有限。对于ie6以下每条域名仅支持20条cookie。对于ie7以上以及chrome,FF,每条域名底下最多50条cookie。若个数达到了最大,FF执行的是LRU算法替换旧的页面(2)cookie可携带的数据大小原则上最多4096字节,考虑到兼容性,存储的数据大小为4095字节(3)安全性问题。Cookie采用的明文传输,黑客可以盗取cookie上的内容进行cookie欺骗。 Webstorage是为了解决cookie存储的数据长度有限而生的用于本地存储数据的新方法。 Localstorage 本地永久存储用户数据。 Sessionstorage在一个会话中存储用户数据,当浏览器窗口关闭时,数据会被清理。
7.this指向问题。
//如果作为全局方法被引用的时候指向window、如果作为对象的方法被引用时this指向该对象,匿名函数的this指向window 详细了解this指向: http://web.jobbole.com/85198/ 修改this的指向:http://www.cnblogs.com/pssp/p/5215621.html
8.css3新特性
//border-radius,border-img, 面试官说用过css3的flex吗?我说没有… 深入理解css3新特性:https://www.ibm.com/developerworks/cn/web/1202_zhouxiang_css3/

9.同源策略是什么?如何跨域?
//同源策略是为了安全性考虑的策略。限制同一资源只能在相同域名下才能被访问。 跨域的方法:(1)window.name(2)domain.name(3)ajax+postmessage(4)jsonp (5)使用websocket协议(6)CROS ..... 详细介绍: http://www.ruanyifeng.com/blog/2016/04/same-origin-policy.html
10.jsonp原理?
动态添加一个<script>标签,而script标签的src属性是没有跨域的限制的。http://www.nowamagic.net/librarys/veda/detail/224
11 js的基本类型?引用类型?区别?

//基本类型:number null undefined string boolean
 引用类型:array、object
 区别:基本类型由于需要经常存取,其内存是存在栈里,引用类型的实际存储地址在堆里,指向实际地址的指针存放在栈里。```
11.两个值相同的数组判断相等
var a = [1,2];
var b = [1,2];
console.log(a == b);
console.log(a===b);

考察的是数组是引用类型,其值其实是该内存的地址,所以两个输出都为false```
12.h5以前存在哪些语义化的标签
没答上来,但是后来发现其实很简单,table,strong、h1-h5都属于语义化标签,当时没反应上来。
13.行内元素有哪些?块级元素有哪些?区别是什么?

行内元素:a,b,strong,em,input,i,
块级元素:address,blockquote,caption,dl,dd,dt,h1-h5,p,pre,table,tr,tbody,thead,th,td,tfoot,
标准答案:http://www.w3cwhy.com/css-html/html-hkmarka.html

14.meta里有哪些属性
我当时回答的是我常用的只有<meta charset=”utf-8”>回来查了一下,看到一个博客写的很仔细,发现meta属性还是很有用的。 博客:https://segmentfault.com/a/1190000004279791#articleHeader2
15.网页上那个小图标是通过什么设置的
<link rel="SHORTCUT ICON" href="ico图标文件地址">
16.声明文档类型?
DTD(document type definition,文档类型定义)是一系列的语法规则, 用来定义XML或(X)HTML的文件类型。浏览器会使用它来判断文档类型, 决定使用何种协议来解析,以及切换浏览器模式。 DOCTYPE是用来声明文档类型和DTD规范的,一个主要的用途便是文件的合法性验证。 如果文件代码不合法,那么浏览器解析时便会出一些差错。HTML编辑器通常也会在语法高亮的同时提供合法性验证。 DOCTYPE的作用:文档类型与浏览器模式 DOCTYPE声明包括标准版本和一个DTD文件的URI。常用的DOCTYPE声明有以下几种:
html5:
<!DOCTYPE html>
Html4.01 Strict:
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” ”http://www.w3.org/TR/html4/ strict.dtd” >
html4.01 Transitional
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>
17.cookie的实现机制?如何获取cookie?
http://jeffjade.com/2016/10/31/115-summary-of-cookie/
Hr面
项目怎么做的 做的什么 规模多大 遇到印象最深刻的问题 做过印象最深刻的事情 为什么来杭州,为什么来网易,看你成绩不错,打算保研还是工作,为什么放弃保研?

腾讯

过了腾讯的笔试,被通知参加腾讯面试,然后一面就挂了23333,因为准备的还是不充分吧,而且心态不是特别好,后来想想有些问题明明能说出来点的可是最后还是没说好。不过也算积累经验了吧。
总结了一下我和我的小伙伴遇到的问题,大致有
1.如何进行网站优化?
2.cdn原理?
3.解释js继承
4.jsonp原理
5.h5里的跨域资源共享
6.ajax原理
7.原型链
8.作用域链
9.服务器客户端获取cookie的方法
10.用过哪些构建工具(回答node.js )
11.用过哪些压缩包工具(回答的YUI compresser)
12.问我项目中用的算法
小黄人的避免死锁的算法
分类算法(可加性核支持向量机,svm,smo))

阿里面试

一面
1.display none和visibility hidden区别
2.MVC和MVVM模型
3.mvvm的过程?每个模块的功能?与mvc的区别?
4.jq只是一个js库 工具包
5.vue和backbone对比
6.vue贯穿了整个前端的过程 才能称为前端框架
7.js闭包怎么理解?有没有经常用?
8.vue的函数有没有封装?
9.vue的优点?设计原理?
10.vue怎么实现双向绑定?
11.js实现双向绑定?
12.怎么实现js不同模块的封装?
13.css,html的底层的东西?
14.sass,less
一面面试官反馈觉得基础不错 技术的广度够了 但是技术深度还要好好准备一下
二面主要考察技术深度
1.问项目中实现的最大的难点,怎么解决的
2.在实习过程中如何压缩包装自己的代码
3.完成的最有挑战性的项目
4.事件绑定和事件委托的区别
5.vue双向绑定的原理?用的函数是js内置的还是自己实现的,如果是自己实现的,是如何实现的?
6.看过博客里印象最深刻的文章
7.如果让你来负责一个网站的开发,你怎么做?

华为

emmm华为 问成绩问竞赛

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,723评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,485评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,998评论 0 344
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,323评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,355评论 5 374
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,079评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,389评论 3 400
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,019评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,519评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,971评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,100评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,738评论 4 324
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,293评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,289评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,517评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,547评论 2 354
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,834评论 2 345

推荐阅读更多精彩内容

  • 在线阅读 http://interview.poetries.top[http://interview.poetr...
    程序员poetry阅读 114,266评论 24 450
  • 前端开发面试知识点大纲: HTML&CSS: 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功:...
    秀才JaneBook阅读 2,328评论 0 25
  • <a name='html'>HTML</a> Doctype作用?标准模式与兼容模式各有什么区别? (1)、<...
    clark124阅读 3,456评论 1 19
  • 有时候你会感到绝望,你发现你什么都做不了,你无法用和平的方法影响和发动别人,哪怕这个别人就是你最亲近的人,就是你的...
    穿行啊阅读 172评论 0 0
  • 1、全员所有制的产生 2、经济价值荡然无存的渔船 3、公地的悲剧
    随思录阅读 392评论 0 0