京东二面(前端)已凉~
# 一面
一面去的酒店,上来先做自我介绍,主要问了以下问题。
## HTML
+ html5增加了哪些新内容?
1)标签增删
8个语义元素 header section footer aside nav main article figure
内容元素 mark高亮 progress进度
新的表单控件 calander date time email url search
新的input类型 color date datetime datetime-local email
移除过时标签 big font frame frameset
2)canvas绘图,支持内联SVG。支持MathML
3)多媒体audio video source embed track
4)本地离线存储,把需要离线存储在本地的文件列在一个manifest配置文件
5)web存储。localStorage、SessionStorage
+ 行内元素和块级元素
块级元素 div p h1-6 ol ul dl li table form hr blockquote address
内联元素 a span img imput label
## CSS
+ 一个页面内有许多icon图片,如何优化存储?
1)雪碧图。小图标合并在一起。减少下载文件数量。
2)压缩
3)CDN
4)在线字体 IconFont
+ link @import
尽量不要用@import,因为
1.影响浏览器的并行下载
2.多个@import导致下载顺序紊乱
+ `overflow:hidden`清除浮动的原理
清除浮动的方式,float、overflow、伪元素。
因为overflow:hidden
哪些属性可以继承,哪些属性不能被继承?
可继承:font text-align line-height color visiability cursor
不可继承: display margin border padding height float clear
+ css reset
清除浏览器默认样式
## JavaScript
+ 0.3 - 0.2 != 0.1,为什么?
精度损失。0.3转二进制的计算方法,一直乘2,取整数部分。
+ 箭头函数和普通函数的区别
箭头函数根本就没有绑定自己的 this,在箭头函数中调用 this 时,仅仅是简单的沿着作用域链向上寻找,找到最近的一个 this 拿来使用。
+ onblur onfocus
onblur 失去焦点
onfocus 获得焦点
# 网络
+ web socket和http的关系
HTTP 协议有一个缺陷:通信只能由客户端发起.
Websocket: 服务器可以主动向客户端推送信息,客户端也可以主动向服务器发送信息.握手阶段采用 HTTP 协议. 全双工通信
+ 事件委托
把一个元素响应事件(click、keydown......)的函数委托到另一个元素;
优点:减少内存消耗、动态绑定事件。
+ jQuery status,readyState想问没问
## 二面,电话面试
傍晚吃完饭,接到电话。
全程聊项目和实验室做的内容,聊了半个小时左右。
最后,面试官说让我深入了解JS引擎等底层知识。
面完面试官说等结果,。过了五分钟查看,“面试未通过”。 。。。
无奈,项目太水。。。