我面试时通常会跟据面试者的工作年限 。期望薪资水平 。循序渐进的问技术性的问题 。再聊些学习方式方法 。解决问题的方式方法 。面试者的关心的侧重点 ...通过这些就能了解到沟通能力 。学习能力 。技术能力...
其他观点：
腾讯前端经常会问到的几个简单问题 。你是否有答案 。回头我一一来给答案 。祝大家顺利
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事件？
Varbtn=document.getElementById(‘btn’);
//事件监听 绑定多个事件
var btn4 = document.getElementById(\"btn4\");
推荐阅读
- 最近西方国家以价值观结盟。价值观真的这么重要吗？
- 紫菜发霉了还能吃吗
- WEB自学好还是培训好？
- 什么是国际公民价值观？
- 紫菜需要洗一洗吗
- HTML如何做翻动？
- 自我陶醉还是实至名归？到底是谁给了印度自信心爆棚的资本？
- 石斛泡水放多少
- 魔兽世界8.0版本开服时已经做到了真正的全球同步,为什么每周更新时间不调整到周二？