更多课程 选择中心


Web培训

400-111-8989

Web培训

前端面试题整理


JavaScript

1. 介绍一下isNaN函数?

如果参数不是数字类型的话isNaN返回true (函数名称:isnan 函数功能: 判断数组的元素是否是NaN。 )

2. javascript都支持哪些布尔型的操作?

&&, ||和! (&& 逻辑与,|| 逻辑或,!逻辑非)

3. “1″+2+4在javascript中得到什么?

因为“1”是String类型,所以所有的操作数都是String, 结果为124

4. 2+5+”8″得到的结果是什么?

因为2和5是数字类型,8是字符串,所以得到的结果是78

5. javascript有几种loop(循环)方法?

for, while, do-while ,for...in 语句用于遍历数组或者对象的属性(对数组或者对象的属性进行循环操作)。

6. javascript如何创建一个新的对象?

var obj = new Object() 或者 var obj = {}

7. 如何为一个对象属性赋值?

obj["age"]=17 或者obj.age=17

8. 如何为一个数组添加一个值?

arr[arr.length]= value;

9.javascript基本数据类型 / javascript中的typeof返回哪些数据类型

Number 类型 、Boolean 类型、Object 类型、String类型、Null、 Undefined 类型 / Object number function boolean undefined string

10.例举3种强制类型转换和2种隐式类型转换?

强制(parseInt,parseFloat,number) 隐式(== – ===)

11.数组方法pop() push() unshift() shift()

Push()尾部添加 pop()尾部删除 Unshift()头部添加 shift()头部删除

12.闭包是什么,有什么特性,对页面有什么影响

闭包就是能够读取其他函数内部变量的函数。

13.添加 删除 替换 插入到某个接点的方法

obj.appendChild() obj.innersetBefore() obj.replaceChild() obj.removeChild()

14.javascript的本地对象,内置对象和宿主对象

本地对象为array obj regexp等可以new实例化

内置对象为gload Math 等不可以实例化的

宿主为浏览器自带的document,window 等

15.介绍一下eval() 函数

eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码。

16.介绍一下JSON

JSON:JavaScript 对象表示法(JavaScript Object Notation)。

JSON 是存储和交换文本信息的语法。类似 XML。

JSON 比 XML 更小、更快,更易解析。

17.jQuery UI 与 jquery 的主要区别是:

(1) jQuery是一个js库,主要提供的功能是选择器,属性修改和事件绑定等等。

(2) jQuery UI则是在jQuery的基础上,利用jQuery的扩展性,设计的插件。提供了一些常用的界面元素,诸如对话框、拖动行为、改变大小行为等等。

(3) jQuery本身注重于后台,没有漂亮的界面,而jQuery UI则补充了前者的不足,他提供了华丽的展示界面,使人更容易接受。既有强大的后台,又有华丽的前台。

html+css:

1.对WEB标准以及W3C的理解与认识:

标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外 链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件,容易维 护、改版方便,不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性;

2.xhtml和html有什么区别:

HTML是一种基本的WEB网页设计语言,XHTML是一个基于XML的置标语言

最主要的不同:

XHTML 元素必须被正确地嵌套。

XHTML 元素必须被关闭。

标签名必须用小写字母。

XHTML 文档必须拥有根元素。

3.行内元素有哪些?块级元素有哪些?CSS的盒模型?

块级元素:div p h1 h2 h3 h4 form ul

行内元素: a b br i span input select

Css盒模型:内容,border ,margin,padding

4.前端页面有哪三层构成,分别是什么?作用是什么?

结构层 Html 表示层 CSS 行为层 js

5.写出几种IE6 BUG的解决方法:

双边距BUG float引起的 使用display

3像素问题 使用float引起的 使用dislpay:inline -3px

超链接hover 点击后失效 使用正确的书写顺序 link visited hover active

Ie z-index问题 给父级添加position:relative

Png 透明 使用js代码 改

Min-height 最小高度 !Important 解决’

select 在ie6下遮盖 使用iframe嵌套

为什么没有办法定义1px左右的宽度容器(IE6默认的行高造成的,使用over:hidden,zoom:0.08 line-height:1px)

6.解释css sprites,如何使用。

Css 精灵 把一堆小的图片整合到一张大的图片上,减轻服务器对图片的请求数量

7.你如何对网站的文件和资源进行优化?期待的解决方案包括:

文件合并

文件最小化/文件压缩

使用CDN托管

缓存的使用

8.清除浮动的几种方式,各自的优缺点:

使用空标签清除浮动 clear:both(理论上能清楚任何标签,,,增加无意义的标签)

使用overflow:auto(空标签元素清除浮动而不得不增加无意代码的弊端,,使用zoom:1用于兼容IE)

是用afert伪元素清除浮动(用于非IE浏览器)

9.浏览器内核

1、Trident内核:IE最先开发或使用的,也称IE内核,360浏览器使用的也是IE内核;

2、Webkit内核:谷歌chrome浏览器最先开发或使用,也叫谷歌内核,枫树浏览器、太阳花使用的也是谷歌内核;

3、Gecko内核: Netscape6开始采用的内核,后来的Mozilla FireFox (火狐浏览器) 也采用了该内核,K-Meleon浏览器也是使用这种内核;

4、Presto内核:目前只有Opera浏览器采用该内核

预约申请免费试听课

填写下面表单即可预约申请免费试听! 怕学不会?助教全程陪读,随时解惑!担心就业?一地学习,可全国推荐就业!

上一篇:web工程师面试题
下一篇:程序员面试中的5个杀手锏问题

web前端工程师面试题大全

web工程师面试题

腾讯前端开发工程师面试经历及面试题

前端面试题整理

  • 扫码领取资料

    回复关键字:视频资料

    免费领取 达内课程视频学习资料

Copyright © 2023 Tedu.cn All Rights Reserved 京ICP备08000853号-56 京公网安备 11010802029508号 达内时代科技集团有限公司 版权所有

选择城市和中心
黑龙江省

吉林省

河北省

贵州省

云南省

广西省

海南省