三渡文化-web前端（實習）-面試
阿新 • • 發佈：2019-02-18
機試
去三渡文化參加面試，其實沒有面試，到那之後，直接給你一個頁面，要求你在電腦上面程式設計，實現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 p=document.getElementById(id); p.style.display='block'; } function hide(id){ var p=document.getElementById(id); p.style.display='none'; } </script> </body> </html>
自我感悟：
其實是很簡單的題目，但是我程式設計基礎薄弱，在一小時內沒有完成那些功能，所以直接被通知面試不通過。
其實我只是一個大三即將升入大四的小菜鳥，在大三才開始接觸到前端，於是開始了自學之路。一開始看了一本超厚的羅列了JavaScript+CSS+HTML所有知識點的書，真佩服自己那麼有耐心看完了那本大厚書，可是，看完之後，竟然春夢了無痕，記得大概，不記得詳細，於是又開始刷視訊課。就這樣迷迷糊糊的學，大三剛放假我就來到上海找工作，開始二十天連面試都沒有，後來終於柳暗花明，可是等到去面試，我才被虐得懷疑人生，原來自己這麼菜，現在竟然開始佩服自己的勇氣，竟敢單槍匹馬，就來到這。
經過幾次面試，真的意識到自己對於前端方面基礎的薄弱，也後悔自己在大學浪費了那麼多大好時光。如果有人願意看我囉裡囉嗦說了這麼多，那麼我奉勸看到這篇文章的你，好好努力，莫要虛擲光陰。
加油，共勉。