前端机试面试题

一、题目要求

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

素材下载:点击下载

完整的页面如下:

六、前端面试题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

素材下载地址

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏dotnet & java

WCF入门学习(1,2)

辞职之后当然是玩。玩了若干天的游戏,真的是没日没夜啊,但是玩的太坑,怒删游戏。话说上次玩还是在14年7月份。下次还是过年回家再和小伙伴一起玩。想到过年也就7天的...

1162
来自专栏杨龙飞前端

vue重构后台管理系统调研

Q4要来了,我来这家公司已经一个季度了,通过对公司前端框架的整体认识,对业务的一些认识,发现,这些东西也都是可以重构,无论是v2,还是v3的代码。

2111
来自专栏walterlv - 吕毅的博客

屏幕上那个灰色带有数字的框是什么?看着好难受!

发布于 2018-03-16 05:40 更新于 2018-09...

3642
来自专栏程序员的知识天地

如何阅读大型前端开源项目的源码,授人以鱼不如授人以渔

目前网上有很多「XX源码分析」这样的文章,不过这些文章分析源码的范围有限,有时候讲的内容不是读者最关心的。同时我也注意到,源码是在不断更新的,文章里写的源码往往...

4671
来自专栏木子昭的博客

Chrome与vim双神器融合, vimium完全攻略

6904
来自专栏魏琼东

使用DotNetBar制作漂亮的WinFrom界面,自定义AgileEAS.NET SOA平台WinClient主界面

一、前言     AgileEAS.NET SOA 中间件平台是一款基于基于敏捷并行开发思想和Microsoft .Net构件(组件)开发技术而构建的一个快速开...

2579
来自专栏带你撸出一手好代码

把需求变化带来的代码修改成本降至最低的一种方法

为解决工作中一些繁琐的问题, 写了一个GUI程序, 操作界面是这个样子的 ? 这个程序的实现起来并不是非常的繁琐, 但在界面的交互操作上, 也不仅仅只是展示数据...

3447
来自专栏况鹰的专栏

关于Android图片资源瘦身的奇思妙想

替换掉系统的压缩算法。如果你不嫌麻烦和喜欢折腾的话可以在你的apk使用一下,效果还是非常显著的。

2.6K4
来自专栏java思维导图

简洁概括,程序员的技能树

前端程序员 基础 HTML / CSS JavaScript DOM 中级篇 数据格式(如JSON、XML) RESTful API交互(如jQuery Aja...

3706
来自专栏地方网络工作室的专栏

MAC 迅雷最新版无限重启BUG的解决方法

今天打开迅雷想下载点东西,但是发现迅雷一直提醒出现错误,无限重启,但不能打开。。。我可是买了会员的啊!这破玩意儿! ? 首先,重启系统,无效。 然后卸载并重新安...

3159

扫码关注云+社区

领取腾讯云代金券