前端机试面试题

一、题目要求

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

*仅供参考，引用请谨慎

四、微信开发资料

链接: https://pan.baidu.com/s/1SO9A3_je5asqDQidRyZjQQ 提取码: spr6 

五、机试面试题

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

素材下载地址

转载于:https://www.cnblogs.com/best/p/6236482.html