一、題目要求

1、請實現(xiàn)“https://channel.jd.com/fashion.html”超值購部分內(nèi)容。

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

3、鼠標(biāo)懸停時的動畫效果。10分

4、“進(jìn)入查看”標(biāo)簽與樣式。10分

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

6、使用angular將數(shù)組中的數(shù)據(jù)動態(tài)展示在頁面中。10分

7、點(diǎn)擊“進(jìn)入查看”時刪除商品。10分

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

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

10、響應(yīng)式布局，實現(xiàn)兼容手機(jī)端加20分。

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

二、素材

點(diǎn)擊下載

三、技能參考

Java全棧開發(fā)：

1、擅長基于win32以及Linux平臺JavaEE全棧開發(fā)。掌握J(rèn)SP、Servlet、Hibernate、Spring、Struts2、Maven、Git、Oracle、JavaBean、JDBC、Redis、Tomcat、Jetty、XML等服務(wù)器開發(fā)技術(shù)；

2、掌握HTML5、CSS3、JavaScript、jQuery、AJAX、AngularJS、Bootstrap、響應(yīng)式布局等前端開發(fā)技術(shù)；

3、擅長基于Node.JS、Express、MongoDB NoSQL數(shù)據(jù)庫的分布式后臺開發(fā)技術(shù)；

4、具備良好的面向?qū)ο缶幊探?jīng)驗，深入理解OO、AOP思想，具有較強(qiáng)的分析設(shè)計能力，熟悉常用設(shè)計模式；

5、思維清晰，有責(zé)任心，具有良好的學(xué)習(xí)能力，能夠快速適應(yīng)新領(lǐng)域，能承受較大的工作壓力，能確保工作進(jìn)度和質(zhì)量按既定計劃進(jìn)行。

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

---

DotNet全棧開發(fā)：

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

2、掌握HTML5、CSS3、JavaScript、jQuery、AJAX、AngularJS、Bootstrap、響應(yīng)式布局等前端開發(fā)技術(shù)；

3、擅長基于Node.JS、Express、MongoDB NoSQL數(shù)據(jù)庫的分布式后臺開發(fā)技術(shù)；

4、具備良好的面向?qū)ο缶幊探?jīng)驗，深入理解OO、AOP思想，具有較強(qiáng)的分析設(shè)計能力，熟悉常用設(shè)計模式；

5、思維清晰，有責(zé)任心，具有良好的學(xué)習(xí)能力，能夠快速適應(yīng)新領(lǐng)域，能承受較大的工作壓力，能確保工作進(jìn)度和質(zhì)量按既定計劃進(jìn)行。

*僅供參考，引用請謹(jǐn)慎

四、微信開發(fā)資料

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

五、機(jī)試面試題

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

要求：

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

2、請將完成的PC端站點(diǎn)轉(zhuǎn)換成Web APP項目

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

3、使用前端MVC

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

素材下載：點(diǎn)擊下載

完整的頁面如下：

六、前端面試題2017

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

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

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

6.3、創(chuàng)建后臺項目，可以實現(xiàn)對外發(fā)布服務(wù)（json）。20分

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

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

6.6、美觀、大方、響應(yīng)速度快。5分

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

6.8、數(shù)據(jù)庫技術(shù)不限、可以是SQLServer、MySQL、Oracle等

6.9、至少顯示10以上的產(chǎn)品，數(shù)據(jù)庫中至少存放水果的：名稱，原價，現(xiàn)價，圖片名稱等信息

6.10、沒有明顯異常與Bug

素材下載地址

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。