前端機試面試題

1、題目要求

一、請實現「https://channel.jd.com/fashion.html」超值購部份內容。javascript

二、使用CSS+DIV實現頁面佈局,頁面居中,文字顏色效果要求一致。40分html

三、鼠標懸停時的動畫效果。10分前端

四、「進入查看」標籤與樣式。10分vue

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

六、使用angular將數組中的數據動態展現在頁面中。10分node

七、點擊「進入查看」時刪除商品。10分python

八、總體效果美觀,兼容IE8瀏覽器。10分ios

九、若是將數據存放到服務器端,REST發佈服務,angularJS跨域得到,後臺不限JAVA,DotNet,NodeJS,加30分。面試

十、響應式佈局,實現兼容手機端加20分。數據庫

十一、徹底實現以下效果加20分,注意雙引號不是背景圖片,實現部分功能不得分。

2、素材

點擊下載

3、技能參考

Java全棧開發:

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

二、掌握HTML五、CSS三、JavaScript、jQuery、AJAX、AngularJS、Bootstrap、響應式佈局等前端開發技術;

三、擅長基於Node.JS、Express、MongoDB NoSQL數據庫的分佈式後臺開發技術;

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

五、思惟清晰,有責任心,具備良好的學習能力,可以快速適應新領域,能承受較大的工做壓力,能確保工做進度和質量按既定計劃進行。

 java經常使用面試題(若是沒有積分請留言,我發你郵箱)



DotNet全棧開發:

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

二、掌握HTML五、CSS三、JavaScript、jQuery、AJAX、AngularJS、Bootstrap、響應式佈局等前端開發技術;

三、擅長基於Node.JS、Express、MongoDB NoSQL數據庫的分佈式後臺開發技術;

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

五、思惟清晰,有責任心,具備良好的學習能力,可以快速適應新領域,能承受較大的工做壓力,能確保工做進度和質量按既定計劃進行。

*僅供參考,引用請謹慎

4、微信開發資料

連接: https://pan.baidu.com/s/1SO9A3_je5asqDQidRyZjQQ 提取碼: spr6 

5、機試面試題

一、請模擬完成京東服裝城(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...)

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

  • 能夠選擇使用響應式佈局方式與PC Web共享同一個頁面
  • 也能夠從新開始一個新的頁面,打包成手機APP
  • 手機端一樣須要實現訪問後臺,異步加載服務器數據效果與PC Web相似
  • 要求兼容各類手機分辨率

三、使用前端MVC

  • 重構前端JavaScript腳本,使用前端MVC框架如(Angular,Vue,React等)

素材下載:點擊下載

完整的頁面以下:

6、前端面試題2017

6.一、請使用HTML5+CSS3+Vue2+axios+跨域技術實現一個移動端商品列表功能,請參考:京東生鮮,效果圖以下所示:

6.一、僅須要完成商品列表部份內容,其它部分不須要完成。

6.二、完成頁面佈局,兼容性好。45分

6.三、建立後臺項目,能夠實現對外發布服務(json)。20分

6.四、實現跨域,經過vue+axios前臺頁面能夠正常請求到後臺提供的服務得到後臺數據,使用vue渲染頁面。20分

6.五、請項目提交到GitHub中。10分

6.六、美觀、大方、響應速度快。5分

6.七、後臺技術不限制,能夠是Spring MVC、ASP.NET MVC、Node.js、PHP、python等

6.八、數據庫技術不限、能夠是SQLServer、MySQL、Oracle等

6.九、至少顯示10以上的產品,數據庫中至少存放水果的:名稱,原價,現價,圖片名稱等信息

6.十、沒有明顯異常與Bug

素材下載地址

相關文章
相關標籤/搜索