新的一期又来了，上期的面试题，各位同学找到答案了吗？现在下来有六期了呢，我们把面试题积少成多，不知不觉就会发现，我们自身的面试题储存量变得很多呢，为了同学们的面试更加顺利。今天还是给大家准备了五道面试题哦~
26、rgba()和 opacity 的透明效果有什么不同？
27、css 中可以让文字在垂直和水平方向上重叠的两个属性是什么？
28、如何垂直居中一个浮动元素？
29、px 和 em 的区别。
30、描述一个”reset”的 CSS 文件并如何使用它。知道 normalize.css 吗？你了解他 们的不同之处？
答案将在下期结尾展示，大家可以在此之前自行查找答案呦~。
接下来小优要为大家公布上期答案了，各位看官准备好了吗？
二. 上期答案公布
21、（设计题）想实现一个对页面某个节点的拖曳？如何做？（使用原生 JS）
答：1. 给需要拖拽的节点绑定 mousedown, mousemove, mouseup 事件
2. mousedown 事件触发后，开始拖拽
3. mousemove 时，需要通过 event.clientX 和 clientY 获取拖拽位置，并实时更新位 置
4. mouseup 时，拖拽结束
5. 需要注意浏览器边界的情况
22、请实现如下功能
答：function setcookie(name,value,days){ //给 cookie 增加一个时间变量 var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); //设置过期时间为 days 天 document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString(); }function getCookie(name){ var result = ""; var myCookie = ""+document.cookie+";"; var searchName = "+name+"="; var startOfCookie = myCookie.indexOf(searchName); var endOfCookie; if(satrtOfCookie != -1){ startOfcookie += searchName.length; endOfCookie = myCookie.indexOf(";",startOfCookie); result = (myCookie.substring(startOfCookie,endOfCookie)); }return result; }(function(){ var oTips = document.getElementById('tips');//假设 tips 的 id 为 tips var page = { check: function(){//检查 tips 的 cookie 是否存在并且允许显示 var tips = getCookie('tips'); if(!tips || tips == 'show') return true;//tips 的 cookie 不存在 if(tips == "never_show_again") return false; },hideTip: function(bNever){ if(bNever) setcookie('tips', 'never_show_again', 365); oTips.style.display = "none";//隐藏},showTip: function(){ oTips.style.display = "inline";//显示，假设 tips 为行级元素 },init: function(){ var _this = this; if(this.check()){ _this.showTip(); setcookie('tips', 'show', 1); }oTips.onclick = function(){ _this.hideTip(true); };}};page.init(); })();
23、说出以下函数的作用是？空白区域应该填写什么？
答： 答案：访函数的作用是使用 format 函数将函数的参数替换掉{0}这样的内容，返回一个格式 化后的结果：第一个空是：arguments 第二个空是：/\{(\d+)\}/ig
24、 Javascript 作用域链?
答：理解变量和函数的访问范围和生命周期，全局作用域与局部作用域的区别，JavaScript 中没有块作用域，函数的嵌套形成不同层次的作用域，嵌套的层次形成链式形式，通过作用 域链查找属性的规则需要深入理解。
25、 谈谈 this 对象的理解。
答：理解不同形式的函数调用方式下的 this 指向，理解事件函数、定时函数中的 this 指向， 函数的调用形式决定了 this 的指向。
很多问题其实答案很简单，但是背后的思考和逻辑不简单，要做到知其然还要知其所以然。最后小优祝大家学业有成~步步高升~
