去三渡文化参加面试,其实没有面试,到那之后,直接给你一个页面,要求你在电脑上面编程,实现Word文档上面要求的功能。
左侧是一个列表,有四个子项,右侧是一个div,要求鼠标悬浮在列表子项时,子项出现边框和箭头,并且div里面显示对应文字。div里面文字每三秒按顺序刷新。
下面附上自己回来后完成的代码(不足之处望多多指教,三秒刷新功能没有实现):
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><style type="text/css">ul{float: left;list-style: none;}div{float: right;height: 300px;width: 500px;border: solid 1px;}li:hover{border: solid 1px;width: 100px; }p{display: none;}</style>
</head>
<body><ul><li id="Tom" onmouseover="show(1)" onmouseout="hide(1)">Tom</li><li id="Jack" onmouseover="show(2)" onmouseout="hide(2)">Jack</li><li id="Marry" onmouseover="show(3)" onmouseout="hide(3)">Marry</li><li id="Lily" onmouseover="show(4)" onmouseout="hide(4)">Lily</li></ul><div><p id="1">Tom住在一楼</p><p id="2">Jack住在二楼</p><p id="3">Marry住在三楼</p><p id="4">Lily住在四楼</p></div><script type="text/javascript">function show(id){var pElementById(id);p.style.display='block';}function hide(id){var pElementById(id);p.style.display='none';}</script>
</body>
</html>
其实是很简单的题目,但是我编程基础薄弱,在一小时内没有完成那些功能,所以直接被通知面试不通过。
其实我只是一个大三即将升入大四的小菜鸟,在大三才开始接触到前端,于是开始了自学之路。一开始看了一本超厚的罗列了JavaScript+CSS+HTML所有知识点的书,真佩服自己那么有耐心看完了那本大厚书,可是,看完之后,竟然春梦了无痕,记得大概,不记得详细,于是又开始刷视频课。就这样迷迷糊糊的学,大三刚放假我就来到上海找工作,开始二十天连面试都没有,后来终于柳暗花明,可是等到去面试,我才被虐得怀疑人生,原来自己这么菜,现在竟然开始佩服自己的勇气,竟敢单枪匹马,就来到这。
经过几次面试,真的意识到自己对于前端方面基础的薄弱,也后悔自己在大学浪费了那么多大好时光。如果有人愿意看我啰里啰嗦说了这么多,那么我奉劝看到这篇文章的你,好好努力,莫要虚掷光阴。
加油,共勉。
本文发布于:2024-02-02 17:54:52,感谢您对本站的认可!
本文链接:https://www.4u4v.net/it/170686769345463.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
留言与评论(共有 0 条评论) |