一、題目要求

1、請實現“https://channel.jd.com/fashion.html”超值購部分內容。

2、使用CSS DIV實現頁面布局，頁面居中，文字顏色效果要求一致。40分

3、鼠標懸停時的動畫效果。10分

4、“進入查看”標簽與樣式。10分

5、定義一個javascript數組，數組中存放6個對象，每個對象描述服裝的名稱，價格，圖片信息。10分

6、使用angular將數組中的數據動態展示在頁面中。10分

7、點擊“進入查看”時刪除商品。10分

8、整體效果美觀，兼容IE8瀏覽器。10分

9、如果將數據存放到服務器端，REST發布服務，angularJS跨域獲得，后臺不限JAVA,DotNet,NodeJS，加30分。

10、響應式布局，實現兼容手機端加20分。

11、完全實現如下效果加20分，注意雙引號不是背景圖片，實現部分功能不得分。

二、素材

點擊下載

三、技能參考

Java全棧開發：

1、擅長基于win32以及Linux平臺JavaEE全棧開發。掌握JSP、Servlet、Hibernate、Spring、Struts2、Maven、Git、Oracle、JavaBean、JDBC、Redis、Tomcat、Jetty、XML等服務器開發技術；

2、掌握HTML5、CSS3、JavaScript、jQuery、AJAX、AngularJS、Bootstrap、響應式布局等前端開發技術；

3、擅長基于Node.JS、Express、MongoDB NoSQL數據庫的分布式后臺開發技術；

4、具備良好的面向對象編程經驗，深入理解OO、AOP思想，具有較強的分析設計能力，熟悉常用設計模式；

5、思維清晰，有責任心，具有良好的學習能力，能夠快速適應新領域，能承受較大的工作壓力，能確保工作進度和質量按既定計劃進行。

?java常用面試題(如果沒有積分請留言，我發你郵箱)

---

DotNet全棧開發：

1、擅長基于.Net平臺的全棧開發。掌握C#、LINQ、ASP.NET WebForms、ASP.NET MVC、Git、Entity Framework、Socket、多線程、WinForms、Web API、Microsoft SQLServer、XML、ADO.Net等服務器開發技術；

2、掌握HTML5、CSS3、JavaScript、jQuery、AJAX、AngularJS、Bootstrap、響應式布局等前端開發技術；

3、擅長基于Node.JS、Express、MongoDB NoSQL數據庫的分布式后臺開發技術；

4、具備良好的面向對象編程經驗，深入理解OO、AOP思想，具有較強的分析設計能力，熟悉常用設計模式；

5、思維清晰，有責任心，具有良好的學習能力，能夠快速適應新領域，能承受較大的工作壓力，能確保工作進度和質量按既定計劃進行。

*僅供參考，引用請謹慎

四、微信開發資料

?鏈接：http://pan.baidu.com/s/1pKUpJab 密碼：hw3v

五、機試面試題

1、請模擬完成京東服裝城（https://channel.jd.com/brands.html）國際打牌欄目PC Web站點。

要求：

• 使用HTML5 CSS3 JavaScript完成頁面布局與特效，頁面風格必須與原站點一樣
• 將靜態頁面動態化，后臺技術可以是Java,.NET,node.js或其它任意，推薦后臺發布Rest服務，前端AJAX調用
• “潮牌大賞”子欄目要求實現延遲加載，滾動縱向滾動條時加載，參考瀑布流布局，我的博客中有
• ?要求兼容IE8 、Chrome、Firefox主流瀏覽器
• 素材請自行抓取，前端內容不得與原站雷同，數據庫可以自行選擇（MySQL、SQLServer、Oracle、Redis、MongoDB...）

2、請將完成的PC端站點轉換成Web APP項目

• 可以選擇使用響應式布局方式與PC Web共享同一個頁面
• 也可以重新開始一個新的頁面，打包成手機APP
• 手機端同樣需要實現訪問后臺，異步加載服務器數據效果與PC Web類似
• 要求兼容各種手機分辨率

3、使用前端MVC

• 重構前端JavaScript腳本，使用前端MVC框架如（Angular,Vue,React等）

素材下載：點擊下載

完整的頁面如下：

六、前端面試題2017

6.1、請使用HTML5 CSS3 Vue2 axios 跨域技術實現一個移動端商品列表功能，請參考：京東生鮮，效果圖如下所示：

6.1、僅需要完成商品列表部分內容，其它部分不需要完成。

6.2、完成頁面布局，兼容性好。45分

6.3、創建后臺項目，可以實現對外發布服務（json）。20分

6.4、實現跨域，通過vue axios前臺頁面可以正常請求到后臺提供的服務獲得后臺數據，使用vue渲染頁面。20分

6.5、請項目提交到GitHub中。10分

6.6、美觀、大方、響應速度快。5分

6.7、后臺技術不限制，可以是Spring MVC、ASP.NET MVC、Node.js、PHP、python等

6.8、數據庫技術不限、可以是SQLServer、MySQL、Oracle等

6.9、至少顯示10以上的產品，數據庫中至少存放水果的：名稱，原價，現價，圖片名稱等信息

6.10、沒有明顯異常與Bug

素材下載地址

總結

以上是生活随笔為你收集整理的前端机试面试题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。