前端机试面试题

一、题目要求

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…

java stopself_如何正确停止前台服务?

我不知道它是否正确,但在我的应用程序中,我正在停止前台服务,它可以工作。请检查代码private void stopForegroundService() {// Stop foreground service and remove the notification.stopForeground(true);// Stop the foreground service.stopSelf();}更新打电话给stopserv…

将内存消耗减少20倍

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

Flex 布局教程:实例篇

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

在Windows运行Python程序

在Windows运行Python程序 转载于:https://www.cnblogs.com/macT/p/9289091.html

基于java的网上花店销售系统_基于web的花店销售系统的设计与实现

基于web的花店销售系统的设计与实现(论文13000字)摘要:本系统是一个相对简单的基本应用系统,主要满足传统的花店运营需要,将自己的销售渠道扩展到网上,通过简单的管理,提供给最终消费者产品的展现、购物、订单处理等实…

mysql安装及一些配置

apt-get updateapt-get install mysql-server$mysql -u root#修改密码root密码为123456mysql> GRANT ALL PRIVILEGES ON *.* TO rootlocalhost IDENTIFIED BY "123456";#创建数据库xxxmysql>CREATE DATABASE xxx;#创建一个账户 xxx_root对数据库xxx有全部权限&…

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的后面&#…

create your own github repository and build link to your local project

1. create a repository in you github.  i.e. repository name: spring5_exercise 2. initial git profile in your local project root directory. echo "# spring5_exercise" >> README.md git init git add README.md git commit -m "first commit&…

快速分类–三向和双枢轴

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

mysql workbench启动_怎么启动mysql workbench

答:你好,方法/步骤 如下: 双击或右键打开MySQL Workbench,进入软件主界面。 点击new connection,会有个弹出框,让我们填写user(用户名),password(密码)。 填写完用户名和密码,点击确定就会出现我…

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

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

C# Timer定时器用法

System.Timers.Timer timer1 new System.Timers.Timer(); timer1.Elapsed new System.Timers.ElapsedEventHandler((obj, eventArg) > {Console.WriteLine("aaa"); }); timer1.Interval 2000;//毫秒 1秒1000毫秒 timer1.Enabled true;//必须加上 timer1.AutoR…

线性规划对偶原理

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

在WebLogic Server上驯服JMX

让我们先假设几件事: 我假设您听说过Java的JMX功能并熟悉它的功能(远程公开和管理您的服务)。 您应该知道默认JVM将具有一个可以注册MBean的Platform MBeanServer实例。 您可以使用JDK中的jconsole命令查看它们。 到目前为止,我…

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直接用…

吃饭/训觉-工作室应用隐私政策

吃饭/训觉-工作室尊重并保护所有使用其应用的用户的个人隐私权。为了给您提供更准确、更有个性化的服务,吃饭/训觉-工作室会按照本隐私权政策的规定使用和披露您的个人信息。但吃饭/训觉-工作室将以高度的勤勉、审慎义务对待这些信息。除本隐私权政策另有规定外&…