Web前端面试基础知识（一）

Web前端基础面试题（一）

1、Html5基础

1.1请描述一个网页从打开到最终在浏览器中显示的完整过程？

思路分析：总述共多数个步骤（环节）；分述各环节执行的内容；可适当介绍一些基础原理；

答：一个网页从打开到最终显示总共需要7个步骤；

1、在浏览器中输入网址；

2、发送至DNS服务器并获得域名对应的WEB服务器的IP地址；

3、与Web服务器建立TCP连接；

4、浏览器向Web服务器的IP地址发送相应的HTTP请求；

5、Web服务器响应请求并返回指定URL的数据，或错误信息，如果设定重定向，则重定向到新的URL地址。

6、浏览器下载数据后解析HTML源文件，解析的过程中实现对页面的排版，解析完成后在浏览器中显示基础页面。

7、分析页面中的超链接并显示在当前页面，重复以上过程直至无超链接需要发送，完成全部显示。

2、JavaScript

2.1请简述一下你对JavaScript的认识。

思路分析：先介绍什么是javascript；再说一说javascript的语言特征和使用方法；也可补充说明其发展历史和应用范围以及编写工具。

答：

1、什么是javascript？

(1) JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。

(2) JavaScript是由Netscape公司开发的一种脚本语言，其编写的程序可以嵌入到HTML页面中，并直接在浏览器中解释执行。

(3) JavaScript可以被浏览器直接解释执行，它可以更好得减小服务器压力，提高程序运行效率。

2、发展历史以及应用范围

关于历史离我们太远了，我们只需记住JavaScript是Netscape公司开发的就行，现在JavaScript是应用非常广泛的语言，也是一种”神奇”的语言。

应用范围:

(1) 增强网页的动态效果

(2) 实现与用户的实时动态交互

(3) 对客户端的事件进行处理

(4) 对浏览器窗口进行简单的控制

(5) 通过自带的document对象对HTML文档的外观和内容进行操作和处理

(6) Ajax技术的核心组成部分

3、Javascript语言特性

(1) 基于对象：提供内置对象

(2) 事件驱动：脚本语言特性

(3) 简单性：弱类型语言

(4) 动态性：可以实时与网页交互

(5) 跨平台：浏览器解释执行

JavaScript和Java的关系：没有关系，相当于雷锋和雷峰塔的关系。

4、如何使用JavaScript语言

4.1引入JavaScript的三种方式

(1) 内部引用：在HTML页面中嵌入JavaScript脚本语言，使用标签<script type=”text/javascript”>//js code</script>,标签之间写js脚本，对于type属性，希望大家记住，我们强制大家使用。

(2) 外部引用：<script src=”引入后缀名为js的脚本文件的位置”></script>

(3) 内联引用：<input type=”button” value=”点击” οnclick=”javascript:alsert(‘内联f方式’)”/>

4.2 javascript的放置位置

我们知道了关于javascript的引入方式，那么我们就要面临这样的问题是我们把javascript脚本应该放在什么位置。

经过测试，我们发现javascript脚本语言可以放置在页面的任意位置，但是定义的时候说最好放在body标签或head标签之间，但是我们推荐大家写在head标签之间，这样也算是一种潜规则吧。

4.3关于javascript的注释

单行注释://

多行注释:/*注释  */

3、JQuery

3.1 jQuery 中有哪几种类型的选择器

参考答案：

有 3种类型的选择器，如下：

基本选择器：直接根据id，css类名，元素名返回 dom元素；

层次选择器：也叫做路径选择器，可以根据路径层次来选择相应的dom元素；

过滤选择器：在前面的基础上过滤相关条件，得到匹配的 dom元素。

4、Ajax

4.1. 简要描述你对 AJAX 的理解

参考答案：

AJAX 的全称是“Asynchronous JavaScript and XML”，即异步的JavaScript 和

XML。它是指一种创建交互式网页应用的网页开发技术，可以实现页面的异步请求和局部刷新。

AJAX 包含下列技术：

 基于web 标准XHTML+CSS 的表示；

使用DOM（Document ObjectModel）进行动态显示及交互；

使用XML 和XSLT 进行数据交换及相关操作；

使用XMLHttpRequest 进行异步数据查询、检索。