【JS每日练习】阿里巴巴web前端开发面试题

最新推荐文章于 2024-04-20 08:39:27 发布

置顶 boia

最新推荐文章于 2024-04-20 08:39:27 发布

阅读量1.5w

点赞数 5

分类专栏： JavaScript练习文章标签：阿里巴巴前端开发 web javascript div 面试

本文链接：https://blog.csdn.net/boiaprogramfan0420/article/details/7506553

版权

JavaScript练习专栏收录该内容

7 篇文章 0 订阅

订阅专栏

今天在浏览一个网站的时候，找到了阿里巴巴的Web前端面试题，然后自己做了下，跟大家分享一下

第一部分：用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" οnmοuseοver="scaleObj(this)" οnmοuseοut="restoreSty(this)"></div>
	<div class="div2"></div>
	<div class="div3"></div>

</body>
</html>

代码只是说明了前两个问题，那么第三个问题怎么回答呢？

对大多数人来说，尤其是代码控，难的不是代码，而是理论问题或者口头的表达，作为一个非计算机专业的人士，我的回答仅供参考

第一条毫无疑问是服务器的原因：繁忙的服务器日积月累，终于有一天垮了，服务器崩溃也是一个常常能够遇到的问题，压力大啊...

第二点：莫非是上传过程导致的问题，上传网页也是一个技术活，你确定你做对了吗？

第三点：最弱智的，最愚蠢的,请问你联网了？

第四点：浏览器兼容性造成页面无法显示的可能性几乎没有，但你也可以尝试着换一个浏览器

第五点：我该换换脑子了，或许百度一下你可以找到原因的

boia

关注

5
点赞
踩
16

收藏

觉得还不错? 一键收藏
3
评论
【JS每日练习】阿里巴巴web前端开发面试题

今天在浏览一个网站的时候，找到了阿里巴巴的Web前端面试题，然后自己做了下，跟大家分享一下第一部分：用CSS实现布局让我们一起来做一个页面首先，我们需要一个布局。请使用CSS控制3个div，实现如下图的布局。第二部分：用javascript优化布局由于我们的用户群喜欢放大看页面于是我们给上一题的布局做一次优化。
复制链接

扫一扫

专栏目录