IT培训网

达内论坛

 找回密码
 立即注册
搜索
查看: 753|回复: 1

web求职攻略:阿里web前端面试考题

[复制链接]

2030

主题

2170

帖子

7475

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
7475
QQ
发表于 2017-7-17 21:35:29 | 显示全部楼层 |阅读模式
  新的一年来了,今年的金3银4面试黄金时期即将来了,今天达内web面试频道把“阿里Web前端开发面试题”整理贴出来分享给大家伙看看,赶紧收藏起来为明年做准备吧~~
  一CSS盒子模型,绝对定位和相对定位1)清除浮动,什么时候需要清除浮动,清除浮动都有哪些方法
  2)如何保持浮层水平垂直居中
  3)position 和 display 的取值和各自的意思和用法
  4)样式的层级关系,选择器优先级,样式冲突,以及抽离样式模块怎么写,说出思路,有无实践经验
  二JavaScript基础1)JavaScript 里有哪些数据类型,解释清楚 null 和
  undefined,解释清楚原始数据类型和引用数据类型。比如讲一下 1 和 Number(1) 的区别
  2)将一下 prototype 是什么东西,原型链的理解,什么时候用 prototype
  3)函数里的this什么含义,什么情况下,怎么用。
  4)apply 和 call 什么含义,什么区别?什么时候用。
  5)数组和对象有哪些原生方法,列举一下,分别是什么含义,比如链接两个数组用哪个方法,删除数组的质定项。
  三JavaScript的面向对象1)JS 模块包装格式都用过哪些,CommonJS、AMD、CMD、KMD。定义一个js
  模块代码,最精简的格式是怎样。
  2)JS 怎么实现一个类。怎么实例化这个类。
  3)是否了解自定义事件。jQuery里的fire函数是什么意思,什么时候用。
  4)说一下了解的js 设计模式,解释一下单例、工厂、观察者。
  5)ajax 跨域有哪些方法,jsonp 的原理是什么,如果页面编码和被请求的资源编码不一致如何处理?
  四开源工具1)是否了解开源的工具 bower、npm、yeoman、Grunt、gulp,有无用过,有无写过,一个 npm 的包里的
  package.json 具备的必要的字段都有哪些(名称、版本号,依赖)
  2)fiddle、charles 有没有用过,什么时候用
  3)会不会用 ps 扣图,png、jpg、gif 这些图片格式解释一下,分别什么时候用。是否了解webp
  4)说一下你常用的命令行工具
  5)会不会用git,说上来几个命令,说一下git和svn的区别,有没有用git解决过冲突
  五计算机基础1)说一下网络五层模型(HTTP协议从应用层到底层都基于哪些协议),HTTP
  协议头字段说上来几个,缓存字段是怎么定义的,http和https的区别,在具体使用的时候有什么不一样。是否尽可能详细的掌握HTTP协议。
  2)cookies 是干嘛的,服务器和浏览器之间的 cookies 是怎么传的,httponly 的 cookies 和可读写的 cookie
  有什么区别,有无长度限制
  3)从敲入 URL 到渲染完成的整个过程,包括 DOM 构建的过程,说的约详细越好。
  4)是否了解web注入攻击,说下原理,最常见的两种攻击(XSS 和 CSRF)了解到什么程度。
  5)是否了解公钥加密和私钥加密。如何确保表单提交里的密码字段不被泄露。验证码是干嘛的,是为了解决什么安全问题。
  6)编码常识:文件编码、URL 编码、Unicode编码 什么含义。一个gbk编码的页面如何正确引用一个utf8的的资源
  六考察学习能力和方法1)你每天必须登录的网站(前端技术相关)是什么?
  2)前端技术方面看过哪些书,有无笔记,都有哪些收获。
  3)收藏了哪些代码片段?
  4)怎么理解前端技术的大趋势?自己再做哪方面的知识储备?
  七最后总结通过上面一些知识,我们可以找出自己的一些不足,进而学之,何乐不为?,相信只要掌握了硬实力,你的职场通道肯定会一路绿灯。




上一篇:WEB前端培训费多少 WEB前端培训费贵不贵
下一篇:谈一谈web前端工程师主要做什么
回复

使用道具 举报

2030

主题

2170

帖子

7475

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
7475
QQ
 楼主| 发表于 2019-8-8 10:42:00 | 显示全部楼层
一.基础部分

学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的:

HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。

CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。

JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。

精心整理的,希望能够帮助大家

二.HTML的知识部分

(1).html5的新特性

1、标签语义化,比如header,footer,nav,aside,article,section等,新增了很多表单元素,入email,url等,除去了center等样式标签,还有除去了有性能问题的frame,frameset等标签

2、音视频元素,video,audio的增加使得我们不需要在依赖外部的插件就可以往网页中加入音视频元素。

3、新增很多api,比如获取用户地理位置的window.navigator.geoloaction,

4、websocket是一种协议,可以让我们建立客户端到服务器端的全双工通信,这就意味着服务器端可以主动推送数据到客户端,

(2)请列举7种以上常用的HTML标签,说明其语义

三.CSS的知识部分

1.css盒模型,可能会要求手写一个布局,这个布局基本上用到的css是margin的负值,boxing-sizing:border-box,布局尽量往这方面想。浏览器布局的基本元素是盒,在w3c的标准模式下,width=width,但是在怪异模式下,width=border2+padding2+width;其中后代元素的width:100%;参照的是右边的那个width,

四.JavaScript部分

(1)JavaScript的数据类型

基本数据类型:Number,String,Boolean,Undefined,Null

复杂数据类型:Object,Array,Function,RegExp,Date,Error

全局数据类型:Math

(2)JavaScript事件模型

原始事件模型,捕获型事件模型,冒泡事件模型,

原始事件模型就是ele.onclick=function(){}这种类型的事件模型

冒泡事件模型是指事件从事件的发生地(目标元素),一直向上传递,直到document,

捕获型则恰好相反,事件是从document向下传递,直到事件的发生地(目标元素)

(3)IE是只支持冒泡事件模型的,下面是兼容各个浏览器的事件监听代码:请用JavaScript语言实现 sort 排序函数,要求:sort([5, 100, 6, 3, -12]) // 返回 [-12, 3, 5, 6, 100]。

(4)请编写一个JavaScript 函数toRGB,它的作用是转换CSS中常用的颜色编码。 要求:

(5)尝试实现注释部分的Javascript代码,可在其他任何地方添加更多代码(如不能实现,说明一下不能实现的原因):

(六)请分别列出HTML、JavaScript、CSS、Java、PHP、Python的注释代码形式。
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

IT培训网

QQ|小黑屋|手机版|cnitedu Inc. ( 豫ICP备16023996号-1 )

GMT+8, 2019-8-18 21:30 , Processed in 0.129735 second(s), 13 queries , File On.

Powered by Discuz! X3.3

© 2011-2017 cnitedu Inc.

快速回复 返回顶部 返回列表