前端机试面试题

一、题目要求

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

素材下载地址

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/368247.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

三分大法好

三分算法解决凸形或者凹形函数的极值; 如下图 lmid (Left Right) / 2 rmid (lmid Right) / 2; 如果lmid靠近极值点,则Right rmid; 否则(即midmid靠近极值点),则Left lmid; 例题的话在我的博客相关分类中找. 转载于:https://w…

将内存消耗减少20倍

这将是另一个故事,与我们分享有关内存相关问题的最新经验。 该案例是从最近的客户支持案例中提取的,在该案例中,我们遇到了一个行为异常严重的应用程序,该应用程序因生产中的OutOfMemoryError消息而死亡。 在连接了Plumbr的情况下…

Flex 布局教程:实例篇

该教程整理自 阮一峰Flexible教程 今天介绍常见布局的Flex写法。你会看到,不管是什么布局,Flex往往都可以几行命令搞定。 我的主要参考资料是Landon Schropp的文章和Solved by Flexbox。 一、骰子的布局 骰子的一面,最多可以放置9个点。 下面…

Apache Server和JMeter调试

我一直在使用JMeter为生产服务器生成负载以测试我的应用程序。 该测试计划具有13个以上的HTTP采样器以发出不同的请求,并具有一个正则表达式提取器以从响应中提取一些值。 此值在连续的HTTP Sampler中使用。 这个测试用例简单而直接。 最初,我使用200个J…

Flexible 弹性盒子模型之flex

实例 让所有弹性盒模型对象的子元素都有相同的长度,忽略它们内部的内容: #main div{flex:1;} 复制 效果预览 浏览器支持 表格中的数字表示支持该属性的第一个浏览器的版本号。 紧跟在 -webkit-, -ms- 或 -moz- 后的数字为支持该前缀属性的第一个版本。 …

java冒泡遍历对象_Java经典排序算法(冒泡、选择、插入)

排序算法说明排序说明对一序列对象根据某个关键字进行排序。术语说明稳定:如果a原本在b前面,而ab,排序之后a仍然在b的前面;不稳定:如果a原本在b的前面,而ab,排序之后a可能会出现在b的后面&#…

快速分类–三向和双枢轴

毫无疑问,Quicksort被认为是本世纪最重要的算法之一,并且它是许多语言(包括Java中的Arrays.sort )的事实上的系统排序。 那么,quicksort有何新功能? 嗯,除了我现在(在Java 7发行了2…

在jekyll模板博客中添加网易云模块

最近使用GitHub Pages Jekyll 搭建了个人博客,作为一名重度音乐患者,博客里面可以不配图,但是不能不配音乐啊。 遂在博客里面引入了网易云模块,这里要感谢网易云的分享机制,对开发者非常友好: 1.每首歌曲…

线性规划对偶原理

留坑啊留坑。。 白天老师讲的都没听说过 晚上肯定整理不玩啊,,, 转载于:https://www.cnblogs.com/zwfymqz/p/8253842.html

java 18.9_Oracle: Java 11 (18.9 LTS) 正式上线!

美国时间9月25日,Oracle 官方表示, Java 11 (18.9 LTS) 正式上线!这是自 Java 8 后的第一个长期支持版本。Java 11 版本说明按照 Oracle 公布的支持路线图,Java 11 将会获得 Oracle 提供的长期支持服务,直至2026年9月。为了更快地…

CSS3新特性应用之用户体验

目录 背景与边框第一部分背景与边框第二部分形状视觉效果字体排印用户体验结构与布局过渡与动画源码下载 一、光标 新增加not-allowed光标,不允许访问隐藏光标,在触模应用上很有用,css2.1需要一个透明的图片来实现,而css3直接用…

day 60 Bootstrip学习

图标地址 http://fontawesome.io/icons/ 图标用法地址 http://fontawesome.io/examples/ 实现代码 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"I…

谈谈常用清除浮动的方法

我们在做页面布局的时候&#xff0c;经常需要利用浮动来实现一些布局效果&#xff0c;这样带来的后果就会导致父元素丢失宽度。今天我们就来说说‘找回‘宽度的方法。 而清除浮动后的效果应该是这样的请看&#xff1a; 下面就说说方法&#xff0c;方法其实有非常的多&#xf…

ArcGIS API For JS之网络分析(临近设施分析)

ArcGIS 提供两种网络分析&#xff0c;即基于Geometric Network的有向网络或者设施网络和基于Network Dataset的无向网络&#xff0c;在这里网络的分析指后者&#xff0c;ArcGIS api支持网络分析中的最短路径分析、服务区分析、临近设施分析。本文主要讲的是临近设施分析&#x…

UWP DEP0700: 应用程序注册失败。[0x80073CF9] 另一个用户已安装此应用的未打包版本。当前用户无法将该版本替换为打包版本。...

最近电脑抽风&#xff0c;我在【应用程序和功能】中重置了以下我的App自然灾害&#xff0c;居然&#xff0c;搞出大新闻了。 它居然从列表中消失了。。。 vs再次编译代码的时候&#xff0c;提示 严重性 代码 说明 项目 文件 行 禁止显示状态 错误 DEP…

泽西岛的RESTful Web服务

我已经讨论了有关体系结构注意事项<< link >>的早期文章&#xff0c;以成为可在我的系统/机器上使用的分布式环境上的RESTful系统。 本文我们将讨论如何基于REST体系结构考虑来构建Web服务。 本教程说明了如何使用Tomcat 6&#xff0c;Eclipse和Jersey JAX-RS&…

css水平垂直居中(绝对定位居中)

使用绝对定位有个限制就是父集必须设置一个固定的高度。 首先HTML 1 <div id"box"> 2 <div class"child"></div> 3 </div> CSS 1 #box {2 position: relative;3 height: 500px;4 background: red;5 }6 .chil…

洛谷 2719 搞笑世界杯

洛谷 2719 搞笑世界杯 洛谷原题链接 这道难度只有普及-的题目却花了我一个多小时才搞出来。但做出来之后就会发现&#xff1a;其实这题确实挺水。。。 解题思路&#xff1a; 首先开二维数组 dp [ i ] [ j ] . 代表已售 i 张 A , j 张 B 时后两人买到的票相同的概率。 很显然&am…

搭建SSH框架–使用篇

创建如下包&#xff1a; action用于响应请求 service则是提供请求的操作 dao用于操作数据库 entity用于映射数据库表 打开DB Browser –> personalCD&#xff08;创建篇的数据库连接&#xff09;–> SCOTT –> TABLE –> t_USER –> 右键Hibernate Reverse……

3个简单步骤即可测试Java 8

即将发布的Java 8版本为Java开发人员带来了许多新功能&#xff0c;但是升级时始终存在代码破裂的风险。 我们都记得Java 7发行时有一系列非常严重的错误 。 当然&#xff0c;我们所有人都可以帮助避免在Java 8中出现相同的问题。我今天要介绍的方法是使用现有的Continuous Int…