前端机试面试题

  1. 云栖社区>
  2. 博客>
  3. 正文

前端机试面试题

张果 2016-12-30 13:37:00 浏览1220
展开阅读全文

一、题目要求

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等)

素材下载:点击下载

完整的页面如下:

网友评论

登录后评论
0/500
评论
张果
+ 关注