• 前端机试面试题


    一、题目要求

    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、思维清晰,有责任心,具有良好的学习能力,能够快速适应新领域,能承受较大的工作压力,能确保工作进度和质量按既定计划进行。

    *仅供参考,引用请谨慎

    四、微信开发资料

    链接: https://pan.baidu.com/s/1SO9A3_je5asqDQidRyZjQQ 提取码: spr6 

    五、机试面试题

    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

    素材下载地址

  • 相关阅读:
    高德地图API,获取和设置zoom级别和中心点
    高德地图API注册使用教程简答演示
    HTML5 视频流行插件之video.js
    audio实现自定义音频播放器
    HTML5 audio API事件
    HTML5之audio属性
    GitLab的安装及使用教程
    设计模式六大原则(PHP)
    面向对象设计
    自定义的异常类
  • 原文地址:https://www.cnblogs.com/best/p/6236482.html
Copyright © 2020-2023  润新知