开发者社区> 张果> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

前端机试面试题

简介: 一、题目要求 1、请实现“https://channel.jd.com/fashion.html”超值购部分内容。 2、使用CSS+DIV实现页面布局,页面居中,文字颜色效果要求一致。40分 3、鼠标悬停时的动画效果。
+关注继续查看

一、题目要求

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

素材下载:点击下载

完整的页面如下:

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
前端面试题之CSS篇
总结几道常见的CSS面试题
23 0
前端面试题之变量提升
前端面试题之变量提升
26 0
最新Web前端面试题精选大全及答案
最新Web前端面试题精选大全及答案
44 0
面试题
1. 8匹马,只能两两比赛,选出第二快的马    面完之后问朋友说用“堆”做,第一反应什么是堆,忘了已经。      将这个8匹马此次放入一个完全二叉树中,然后从根节点开始,调整成大顶堆。比赛赢的,往上移动。
608 0
+关注
张果
毕业于湖南工业大学计算机科学与技术专业,是一位全栈开发工程师,拥有十多年软件开发经验,独立完成数十个商业项目。擅长前端、Java与DotNet平台下的软件设计与软件工程技术。
文章
问答
文章排行榜
最热
最新
相关电子书
更多
2019阿里巴巴技术面试题集锦(含答案)
立即下载
程序员面试宝典
立即下载
云栖社区特邀专家徐雷Java Spring Boot开发实战系列课程(第20讲):经典面试题与阿里等名企内部招聘求职面试技巧
立即下载