前端机试面试题

kingforce

一、题目要求
　　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、思维清晰，有责任心，具有良好的学习能力，能够快速适应新领域，能承受较大的工作压力，能确保工作进度和质量按既定计划进行。
　　
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等）
  

　　素材下载：点击下载
　　完整的页面如下：