标签：style blog http color io os 使用 ar java
本文目录：
腾讯的笔试结束，也就意味着9月份的战斗告一段落，每天四处奔波，很累也很充实。十一没有出去玩，也拒绝了一些应酬，把一些笔试题整理下，同时也回顾9月份的得失，好好总结，10月再战，告诫自己最难走的路一定是上坡路，坚持坚持！
不多说，看下26号百度的笔试题，我花了两天的时间整理下面的一些内容。
百度一共是8道题目，2个小时时间，题目不多，总体说来，考的是知识面的广度，开放的题目占多数。本人考的前端岗位。给大家透露个数，杭州地区前端笔试的人数大概在40个左右。好了，看题目：
1，列举你所知道的图片文件格式，以及分别的优缺点和使用场景？
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>子元素不继承父元素透明色</title> <style type="text/css"> body{background-color: #000;margin: 0;padding: 0;} .origin{background-color: blue;color: #fff;width: 300px;height: 200px;} .container {width: 300px;height: 200px;color: #fff;position:relative;} .content { position:relative;/*只有定位的元素才能使用z-index*/ z-index:2; width: 100%; height: 100%; overflow: hidden; } .opacity-box{ background-color: blue; position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:1; /*兼容IE7、8 */ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity:.5; } </style> </head> <body> <div class="origin">当没使用透明时的表现 <img src="test.jpg" alt="" /> </div> <div class="container"> <div class="opacity-box"> 使用透明，但未做任何处理 <img src="test.jpg" alt="" /> </div> </div> <div class="container"> <div class="content"> 使用透明，增加相对定位的背景处理 <img src="test.jpg" alt="" /> </div> <div class="opacity-box"></div> </div> </body> </html>
这里要注意一点，content一定要设置相对定位，因为z-index只有拥有非static定位的情况下才能设置层叠高度。大家看一下使用后的效果：
这个题目到这里其实已经做完了，但是回过头我们看题目，别人交代的是父元素设置透明，子元素不继承，我们的这个解决方案还是不那么符合要求，因为元素之间根本不是父子关系，只是模拟的父子关系。
其实，这里还有另外一个解决方案，使用css新属性rgba，这里的a是alpher的意思，就是透明度，大家可以使用这个新属性来试下，rgba当中的透明度是不往下继承的。
background-color: rgba(0,0,255,0.5);
但是，这个方法也有一个缺陷，就是ie7、ie8不支持。我想出题者应该是想考这个新属性，所以这里写上去应该也是一种选择。
console.log(1+ "2"+"2");//1+"2"先转化为“12”然后进行字符串的相加结果是“122” console.log(1+ +"2"+"2");//由于一元运算符“+”的优先级更高，因此+“2”转换为数值2，然后1+2=3，最后数值和字符串相加，转换为字符串的拼接，结果“32” console.log(1+ -"1"+"2");//先执行取反，变成1-1=0，然后0+“2”，结果“02” console.log(+"1"+ "1"+"2");//先执行数值转换，相当于执行1+“1”+“2”，结果“112” console.log("A"- "B"+"2");//先执行"A"- "B"返回NaN,再执行NaN+"2"=>"NaN2" console.log("A"- "B"+2);//先执行"A"- "B"返回NaN+2,NaN执行加减法均返回NaN
1+{}//{}=>"[object Object]",执行数值和字符串的相加，结果"1[object Object]"
true+true//2，布尔值转换为数字后讲加
1+undefined//数值转换undefined=>NaN,结果NaN
1+null//数值转换null=>0,结果1
"1"+undefined//=>"1undefined"相当于执行字符串拼接 "1"+null//=>"1null"相当于执行字符串拼接
var lock=false,maxId=0; function addMore(){ if(!lock){ lock=true; $.ajax({ url: ‘www.xxx.com/test.php?maxId=‘+maxId, type: ‘GET‘, dataType: ‘json‘, success:function(data){ var buffer=[],m=0; buffer[m++]=data.something1; buffer[m++]=data.something2; //otherthings.... var temp=buffer.join(""); $(temp).appendTo(‘div‘); maxId++; } }) lock=false; } } $(window).scroll(function() { if (($(window).height() + $(window).scrollTop()) >= $(‘body‘).height()) { addMore(); } });
var singleton=(function(){ //缓存实例 var instance; var randomNum=Math.random(); //单例初始化代码 function init(){ return randomNum; } //如果没有初始化，则初始化，否则返回已经执行的结果。 if(!instance){ instance=init(); } return instance; })() console.log(singleton); console.log(singleton);
标签：style blog http color io os 使用 ar java
原文地址：http://www.cnblogs.com/rookiebob/p/4005182.html
