请用语音读文章热门回答：
我面试时通常会跟据面试者的工作年限。期望薪资水平。循序渐进的问技术性的问题。再聊些学习方式方法。解决问题的方式方法。面试者的关心的侧重点 ...通过这些就能了解到沟通能力。学习能力。技术能力...
其他观点：
腾讯前端经常会问到的几个简单问题。你是否有答案。回头我一一来给答案。祝大家顺利
1、prototype和__proto__的关系是什么？
2、meta viewport原理是什么？
3、域名收敛是什么？
4、float和display:inline-block的区别是什么？
5、前端优化策略列举
6、首屏、白屏时间如何计算？
7、解释一下闭包
8、解释一下作用域链
9、ajax如何实现。readyState的五种状态的含义？
10、jsonp如何实现？
11、怎么处理跨域？
12、restful的method解释？
13、get和post的区别？
14、事件模型解释
15、编写一个元素拖拽的插件
其他观点：
前端面试题：
1. 一个200*200的div在不同分辨率屏幕上下左右居中。用css实现
<div style=\"width:500px;height:500px;border:1px solid green;display:flex;justify-content:center;align-items:center;\">
<div style=\"\">
上下左右居中
</div>
</div>
2. 写一个左中右布局占满屏幕。其中左右两块是固定宽度200 。中间自适应宽。要求先加载中间块。请写出结构及样式：
<div id=\"left\">我是左边</div>
<div id=\"center\">我是中间</div>
<div id=\"right\">我是右边</div>
html,body{ margin: 0px;width: 100%; }
#left,#right{width: 200px;height: 200px;background-color: aqua;
position: absolute;}
#left{left: 0;top:0;}
#right{right: 0;top:0;}
#center{margin: 0 200px;background-color: blue;height: 200px;}
或者利用弹性盒子
<style>
* {
margin: 0;
padding: 0;
}
html,
body {
height: 100%;
}
body {
display: flex;
}
.left {
width: 100px;
background-color: rgb(199, 170, 223);
}
.center {
background-color: rgb(151, 228, 148);
flex: 1;
}
.right {
width: 100px;
background-color: rgb(199, 170, 223);
}
</style>
<body>
<div class=\"left\">left</div>
<div class=\"center\">center</div>
<div class=\"right\">right</div>
</body>
3. 阐述清楚浮动的几种方式（常见问题）
1.父级div定义 height
原理：父级div手动定义height。就解决了父级div无法自动获取到高度的问题。
优点：简单、代码少、容易掌握
缺点：只适合高度固定的布局。要给出精确的高度。如果高度和父级div不一样时。会产生问题
2.父级div定义 overflow:hidden
原理：必须定义width或zoom:1。同时不能定义height。使用overflow:hidden时。浏览器会自动检查浮动区域的高度
优点：简单、代码少、浏览器支持好
4. 结尾处加空div标签 clear:both
原理：添加一个空div。利用css提高的clear:both清除浮动。让父级div能自动获取到高度
优点：简单、代码少、浏览器支持好、不容易出现怪问题
缺点：不少初学者不理解原理；如果页面浮动布局多。就要增加很多空div。让人感觉很不好
5. 解释css sprites 。如何使用？
CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中。再利用CSS的“background-image”。“background- repeat”。“background-position”的组合进行背景定位。background-position可以用数字能精确的定位出背景图片的位置。
CSS Sprites为一些大型的网站节约了带宽。让提高了用户的加载速度和用户体验。不需要加载更多的图片
6. 如何用原生js给一个按钮绑定两个onclick事件？
Var btn=document.getElementById(‘btn’);
//事件监听 绑定多个事件
var btn4 = document.getElementById(\"btn4\");
以上就是由优质生活领域创作者 生活常识网 整理编辑的，如果觉得有帮助欢迎收藏转发~
本文地址：http://www.shenzhoubaby.com/102950.html，转载请说明来源于：生活常识网
声明：本站部分文章来自网络，如无特殊说明或标注，均为本站原创发布。如若本站内容侵犯了原著者的合法权益，可联系@qq.com进行处理。分享目的仅供大家学习与参考,不代表本站立场。
评论(2)
我是，高度，定义，原理，事件，简单，布局，上下左右，加载，优点
没想到大家都对关于前端面试？感兴趣，不过这这篇解答确实也是太好了
我面试时通常会跟据面试者的工作年限。期望薪资水平。循序渐进的问技术性的问题。再聊些学习方式方法。解决问题的方式方法。面试