阿里巴巴web前端开发面试题.doc

阿里巴巴web前端开发面试题.doc

ID:51401517

大小:79.50 KB

页数:4页

时间:2020-03-23

阿里巴巴web前端开发面试题.doc_第1页
阿里巴巴web前端开发面试题.doc_第2页
阿里巴巴web前端开发面试题.doc_第3页
阿里巴巴web前端开发面试题.doc_第4页
资源描述:

《阿里巴巴web前端开发面试题.doc》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、第一部分:用CSS实现布局让我们一起来做一个页面首先,我们需要一个布局。请使用CSS控制3个div,实现如下图的布局。第二部分:用javascript优化布局由于我们的用户群喜欢放大看页面于是我们给上一题的布局做一次优化。当鼠标略过某个区块的时候,该区块会放大25%,并且其他的区块仍然固定不动。提示:也许,我们其他的布局也会用到这个放大的效果哦。可以使用任何开源代码,包括曾经你自己写的。关键字:javascript、封装、复用第三部分:处理紧急情况好了,我们的页面完成了。于是我们将页面发布上网。突然,晴天霹雳,页面无法访问了,这时候,你会怎么做

2、?第一题个人实现:                  body, div{margin: 0;padding: 0;}            .fl{float: left; display: inline;}            .bc_C{background-color: #CCC;}            .h120{height: 120px;}            .h250{height: 250px;}            .w120{width: 120px;}  

3、          .w220{width: 220px;}            .t130{top: 130px;}            .pa{position: absolute;}            .mr10{margin-right: 10px;}            .mb10{margin-bottom: 10px;}                        

            

4、flbc_Ch250w220">

            
      第二题个人实现:(为了第二题把第一题的布局稍微变动了下,都变成了绝对定位)                  body, div{margin: 0;padding: 0;}            .fl{float: left; display: inline;}            .bc_C{backg

5、round-color: #CCC;}            .h120{height: 120px;}            .h250{height: 250px;}            .w120{width: 120px;}            .w220{width: 220px;}            .t130{top: 130px;}            .l130{left: 130px;}            .pa{position: absolute;}            .mr10{margin-righ

6、t: 10px;}            .mb10{margin-bottom: 10px;}            .clear{clear: both}                        

                        

7、="third">                        function zoom(id, x, y){                  var obj = document.getElementById(id); //设置缩放函数参数:容器id、横向缩放倍数、纵向缩放倍数                  var bw = obj.clientWidth; //获取元素宽度                  var bh = obj.client

8、Height; //获取元素高度                  obj.onmouseover = function(){            

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。