【JS每日练习】阿里巴巴web前端开发面试题
2012-04-25 23:23
876 查看
今天在浏览一个网站的时候,找到了阿里巴巴的Web前端面试题,然后自己做了下,跟大家分享一下
第一部分:用CSS实现布局
让我们一起来做一个页面
首先,我们需要一个布局。
请使用CSS控制3个div,实现如下图的布局。
第二部分:用javascript优化布局
由于我们的用户群喜欢放大看页面
于是我们给上一题的布局做一次优化。
当鼠标略过某个区块的时候,该区块会放大25%,
并且其他的区块仍然固定不动。
提示:
也许,我们其他的布局也会用到这个放大的效果哦。
可以使用任何开源代码,包括曾经你自己写的。
关键字:
javascript、封装、复用
第三部分:处理紧急情况
好了,我们的页面完成了。
于是我们将页面发布上网。
突然,晴天霹雳,页面无法访问了,这时候,你会怎么做?
这三道题我个人觉得挺基础的,但也会碰到一些问题,这里我只是处理了下第一个div的行为,其他的类似处理,代码如下
代码只是说明了前两个问题,那么第三个问题怎么回答呢?
对大多数人来说,尤其是代码控,难的不是代码,而是理论问题或者口头的表达,作为一个非计算机专业的人士,我的回答仅供参考
第一条毫无疑问是服务器的原因:繁忙的服务器日积月累,终于有一天垮了,服务器崩溃也是一个常常能够遇到的问题,压力大啊...
第二点:莫非是上传过程导致的问题,上传网页也是一个技术活,你确定你做对了吗?
第三点:最弱智的,最愚蠢的,请问你联网了?
第四点:浏览器兼容性造成页面无法显示的可能性几乎没有,但你也可以尝试着换一个浏览器
第五点:我该换换脑子了,或许百度一下你可以找到原因的
第一部分:用CSS实现布局
让我们一起来做一个页面
首先,我们需要一个布局。
请使用CSS控制3个div,实现如下图的布局。
第二部分:用javascript优化布局
由于我们的用户群喜欢放大看页面
于是我们给上一题的布局做一次优化。
当鼠标略过某个区块的时候,该区块会放大25%,
并且其他的区块仍然固定不动。
提示:
也许,我们其他的布局也会用到这个放大的效果哦。
可以使用任何开源代码,包括曾经你自己写的。
关键字:
javascript、封装、复用
第三部分:处理紧急情况
好了,我们的页面完成了。
于是我们将页面发布上网。
突然,晴天霹雳,页面无法访问了,这时候,你会怎么做?
这三道题我个人觉得挺基础的,但也会碰到一些问题,这里我只是处理了下第一个div的行为,其他的类似处理,代码如下
<!Doctype html> <html> <head> <meta charset=gb2312> <title>阿里巴巴面试题</title> <style> *{margin:0;padding:0;} div{background-color:#92c9c9;border:1px solid #00a7f7} .div1{width:30%;height:200px;float:left;} .div2{width:68%;height:620px;float:right;} .div3{float:left;width:30%;height:400px;margin-top:20px;position:absolute;top:200px;left:0;} </style> <script> function scaleObj(obj) { obj.style.border = "1px solid #000"; obj.style.backgroundColor = '#9bffff'; obj.style.position = "absolute"; obj.style.zIndex = 1; obj.style.width = "460px"; obj.style.height = "260px"; } function restoreSty(obj) { obj.style.border = '1px solid #00a7f7'; //为了兼容IE,这里最好不要填空 obj.style.backgroundColor = ''; obj.style.width = ''; obj.style.height = ''; } </script> </head> <body> <div class="div1" id="div1" onmouseover="scaleObj(this)" onmouseout="restoreSty(this)"></div> <div class="div2"></div> <div class="div3"></div> </body> </html>
代码只是说明了前两个问题,那么第三个问题怎么回答呢?
对大多数人来说,尤其是代码控,难的不是代码,而是理论问题或者口头的表达,作为一个非计算机专业的人士,我的回答仅供参考
第一条毫无疑问是服务器的原因:繁忙的服务器日积月累,终于有一天垮了,服务器崩溃也是一个常常能够遇到的问题,压力大啊...
第二点:莫非是上传过程导致的问题,上传网页也是一个技术活,你确定你做对了吗?
第三点:最弱智的,最愚蠢的,请问你联网了?
第四点:浏览器兼容性造成页面无法显示的可能性几乎没有,但你也可以尝试着换一个浏览器
第五点:我该换换脑子了,或许百度一下你可以找到原因的
相关文章推荐
- [面试题] 2010~2011年度搜狐、腾讯、网易、淘宝、阿里巴巴、百度等多家名企Web前端开发面试题!
- 阿里巴巴Web前端开发面试题赋答案
- 阿里巴巴Web前端开发面试题赋答案
- web前端一道很“坑”的js面试题
- 指尖下的js ——多触式web前端开发之一:对于Touch的处理
- web前端开发分享-css,js进阶篇
- 4. web前端开发分享-css,js工具篇
- WEB前端初级开发面试题归纳
- Web前端开发——JS技术大梳理
- web前端开发学习经验分享——css,js入门篇
- 指尖下的js ——多触式web前端开发之一:对于Touch的处理
- web前端开发常用的几个js效果
- 1. web前端开发分享-css,js入门篇
- 5. web前端开发分享-css,js深化篇
- 指尖下的js ——多触式web前端开发之一:对于Touch的处理
- 指尖下的js —— 多触式web前端开发之三:处理复杂手势(转)
- web前端开发入门提高 js书籍(附下载地址)
- web前端开发分享-css,js
- 【web前端技术】八款JS(javascript)常用开发框架介绍及比较(web前端开发框架)
- 【javaWeb之前端】前端面试题-----js和jquery的区别是什么?