第一次面试总结

前言

人生第一次面试,面试地点比较远,在云栖小镇,路上风景真是不错,有种依山傍水的感觉。
回到家已经下午了,面试感觉还行,面试官没有像我预料的问比较多的html5,css3的基础性问题
问题比较综合,这里总结一下。心情有点紧张,有些可能已经想不起来了,能写多少是多少。

(顺序不分先后 我是想到啥问题写啥问题)

目录

了解过html5和css3吗?

a:了解过,我用css3 canvas做了一个小游戏,在这个过程中也了解了下cocos2d,目前感觉还是比较难的。

博客的效果都是自己做的吗?

a:我的博客是基于node.js的hexo框架制作的,特效并不是自己做的。但是内容都是自己做的。

了解过浏览器兼容性吗?碰到兼容性问题怎么处理?

a:了解过,不同的浏览器如果采用不同的核心,那么渲染方式就是不一样的,比如谷歌的webkit核心,所以会有兼容性问题,如果碰到兼容性问题,那要看具体什么问题了然后针对问题给出解决方案。(还问了一个有碰到ie8插入图片出现空白空隙的问题。我直接回答了没碰到过这个问题。。。)

使用过浮动布局吗?浮动会脱离文档流吗?使用浮动会造成什么问题?

a:用过,会脱离文档流,对BFC机制做过一定的了解。浮动会造成后面的内容上移 填补浮动元素的位置。

修正及补充:浮动元素的父层的高度会为0。2种高效的清除浮动方法:

.clearfix:before,.clearfix:after{ content:""; display:table; } .clearfix:after{clear:both;} .clearfix{ *zoom:1;/*IE/7/6*/ }

.clearfix:after { content:"200B"; display:block; height:0; clear:both; } .clearfix {*zoom:1;}/*IE/7/6*/

感觉自己解决问题的能力怎么样,能独立完成一些动态效果的制作吗?

a:因为我是自学的,碰到过蛮多问题,基本上都是自己查资料,百度解决,感觉自己解决问题的能力还是比较强的。
能独立完成一些动态效果的制作。

了解过bootstrap的响应式机制吗?熟悉各种col所对应分辨率吗?(针对我的bootstrap项目)

a:了解过,通过css3的媒介查询,探测屏幕大小来达到响应式的机制,目前还比较缺少实践,没有做过移动端相关的项目,没有那么深入了解过。

了解querySelector选择器吗?和SelectorAll有什么区别?返回的是什么?和数组有什么区别?

a:了解过,jq的元素获取就是通过这种方式,不all的话获取一个匹配节点,all则获取匹配的所有css选择器节点。
返回的是一个集合,没了解那么深入。

修正及补充:

querySelectorAll方法返回匹配指定的CSS选择器的所有节点,返回的是NodeList类型的对象。NodeList对象不 是动态集合,所以元素节点的变化无法实时反映在返回结果中。与querySelector方法一样,querySelectorAll方法无法选中CSS伪元素 -------阮一峰 javascript标准教程

getElementsBy返回的NodeList是一个动态集合,每调用一次就会改变集合。

(我自己测试 输出 [object NodeList] ,说明all返回的是一个节点列表对象 和数组有区别
对象获取长度的方法:

Object.keys(o).length ;
Object.getOwnPropertyNames(o).length) ;

getOwnPropertyNames可以获取不可枚举的属性 例如数组的length
)

说说用原生js写一个图片轮播的基本思路,手动点击下一张?(针对我的jq轮播项目)

a: 先定义一个slider框,在框里放上要显示的图片,让图片大小占满框,再定义2个按钮

通过getbyid找到按钮 编写按钮对应的点击事件(没有用原生写过。回答的时候有点乱。)

window.onload和$(document).ready有什么区别?

a:onload会在页面解析到该语句时运行,而ready是文档加载完成后运行。
(尴尬。。虽然知道这东西却没深入了解过。。。)

修正:

load事件发生在文档在浏览器窗口加载完毕时。window.onload属性可以指定这个事件的回调函数。

window.onload = function() { var elements = document.getElementsByClassName('example'); for (var i = 0; i < elements.length; i++) { var elt = elements[i]; // ... } };

1.执行时间

window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 
$(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。 

2.编写个数不同

window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个 
$(document).ready()可以同时编写多个,并且都可以得到执行 

3.简化写法

window.onload没有简化写法 
$(document).ready(function(){})可以简写成$(function(){});         

了解过我们公司吗?

a:了解过,相当于中介平台,让设计师入驻平台,给需要设计服务的人提供服务。

你觉得你抗压能力怎么样?

a:很强,加班什么的不是问题。

你对你的工作环境有什么要求?

a:没什么特殊的要求,可以专心投入工作就行。

一周的任务,已经周5了,如果无法按时完成任务,你会怎么做?

a:拼命赶工完成, (如果已经确保无法完成)那就比较尴尬了 只能和上级汇报情况了。(协商)

学习前端有多久了?

a:从大二开始接触前端,在学校断断续续地学习,学的都比较基础,这个暑假才开始学的比较深入。

后记

以上差不多就是我能想起来的全部内容了,路途看来还很遥远啊 。纪录共勉~