No.1
下图绿色区域的宽度为100%,其中有三个矩形,第一个矩形的宽度是200px,第二个和第三个矩形的宽度相等。请使用css3中的功能实现它们的布局。
已知html结构是:
<div> <div>column 1</div> <div>column 2</div> <div>column 3</div> </div>
No.2
有两个盒子 A、B,B 在 A 盒子中,它们的 css 是这么定义的:
A { position:relative; width:500px; height: 500px; background-color:green; } B { position:absolute; max-width:300px; max-height:300px; background-color:blue; }
如何实现 B 在 A 中水平方向和垂直方向居中
No.3
经常在SNS中看到如下图所示的功能:
请通过代码完成它,它至少应该:
1. 良好结构、语义化的HTML
2. 兼容主流的浏览器;
3. JS应该包括: 1) 实时计数功能 2)校验字数限制 3) 防止重复提交;
4. 如果时间所限,无法100%,但请说明实现方案及思路;
No.4
//现有代码如下:
function test() { var a = 1; setTimeout(function() { alert(a); a = 3; }, 1000); a = 2; setTimeout(function() { alert(a); a = 4; }, 3000); } test(); alert(0);
//请注意,代码中有三处alert.他们分别会alert出什么值,时间上的顺序是怎样的?
//请详述得到这个答案的原因,特别是test函数的局部变量a是对运行结果的影响.
No.5
当我们使用CSS3新属性,比如:box-shadow或者transition时,我们怎么检测浏览器是否支持这些属性?
请设计一个javascript函数,该函数接受一个CSS属性名作为参数,并返回一个boolean值,表明浏览器是否支持这个属性。
No.6
如果你现在使用的是 Google Chrome 或 Apple Safari,如何让 input 元素在默认情况下显示 “alipay WD Team”,而在光标移入后则显示空白?
http://blog.tianya.cn/post-5124961-64262559-1.shtml
http://blog.tianya.cn/post-5124961-64262708-1.shtml
http://blog.tianya.cn/post-5124961-64262828-1.shtml
http://blog.tianya.cn/post-5124961-64262986-1.shtml
http://blog.tianya.cn/post-5124961-64263179-1.shtml
http://blog.tianya.cn/post-5124961-64263358-1.shtml
http://blog.tianya.cn/post-5124961-64263500-1.shtml
http://blog.tianya.cn/post-5124961-64263643-1.shtml
http://blog.tianya.cn/post-5124961-64263821-1.shtml
http://blog.tianya.cn/post-5124961-64264060-1.shtml
http://blog.tianya.cn/post-5124961-64264242-1.shtml
http://blog.tianya.cn/post-5124961-64264749-1.shtml
http://blog.tianya.cn/post-5124961-64264937-1.shtml
http://blog.tianya.cn/post-5124961-64265215-1.shtml
http://blog.tianya.cn/post-5124961-64265428-1.shtml
http://blog.tianya.cn/post-5124961-64265783-1.shtml
http://blog.tianya.cn/post-5124961-64265936-1.shtml
http://blog.tianya.cn/post-5124961-64266230-1.shtml
http://blog.tianya.cn/post-5124961-64267045-1.shtml
http://blog.tianya.cn/post-5124961-64267238-1.shtml
http://blog.tianya.cn/post-5124961-64267422-1.shtml
http://blog.tianya.cn/post-5124961-64267609-1.shtml
http://blog.tianya.cn/post-5124961-64267946-1.shtml
http://blog.tianya.cn/post-5124961-64268394-1.shtml
http://blog.tianya.cn/post-5124961-64268500-1.shtml
http://blog.tianya.cn/post-5124961-64268619-1.shtml
http://blog.tianya.cn/post-5124961-64273023-1.shtml
http://blog.tianya.cn/post-5124961-64273238-1.shtml
http://blog.tianya.cn/post-5124961-64273617-1.shtml
http://blog.tianya.cn/post-5124961-64273819-1.shtml
http://blog.tianya.cn/post-5125321-64274331-1.shtml
http://blog.tianya.cn/post-5125321-64274617-1.shtml
http://blog.tianya.cn/post-5125321-64275195-1.shtml
http://blog.tianya.cn/post-5125321-64275317-1.shtml
http://blog.tianya.cn/post-5125321-64275642-1.shtml
http://blog.tianya.cn/post-5125321-64276166-1.shtml
http://blog.tianya.cn/post-5125321-64276426-1.shtml
http://blog.tianya.cn/post-5125321-64276588-1.shtml
http://blog.tianya.cn/post-5125321-64276800-1.shtml
http://blog.tianya.cn/post-5125321-64276952-1.shtml
http://blog.tianya.cn/post-5125321-64277153-1.shtml
http://blog.tianya.cn/post-5125321-64277282-1.shtml
http://blog.tianya.cn/post-5125321-64277434-1.shtml
http://blog.tianya.cn/post-5125321-64277639-1.shtml
http://blog.tianya.cn/post-5125321-64278564-1.shtml
http://blog.tianya.cn/post-5125321-64278728-1.shtml
http://blog.tianya.cn/post-5125321-64278974-1.shtml
http://blog.tianya.cn/post-5125321-64279432-1.shtml
http://blog.tianya.cn/post-5125321-64279721-1.shtml
http://blog.tianya.cn/post-5125321-64280038-1.shtml
http://blog.tianya.cn/post-5125321-64280567-1.shtml
http://blog.tianya.cn/post-5125321-64280740-1.shtml
http://blog.tianya.cn/post-5125321-64280910-1.shtml
http://blog.tianya.cn/post-5125321-64281060-1.shtml
http://blog.tianya.cn/post-5125321-64281192-1.shtml