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

约定不等于承诺〃 2022-07-13 11:59 247阅读 0赞

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 进行异步数据查询、检索。

发表评论取消回复

表情：

评论列表（有 0 条评论，247人围观）

还没有评论，来说两句吧...

相关阅读

相关 web前端工程师基础知识点

看了一个web培训的大纲，感觉这些确实涵盖了在开发过程当中的一些知识点，特此总结了一下。同时也是第一次尝试了使用markdown这个编辑器，感觉不错。特此推荐

r囧r小猫/ 2023年02月08日 12:58/ 0 赞/ 12 阅读

相关 web前端面试基础

1.简述XMLHttpRequest、JSONP的适用场景，并针对两种请求形式简述如何检测请求错误？ > 1. XMLHttpRequest 用于浏览器端与服务器端异步请求

蔚落/ 2022年11月30日 15:41/ 0 赞/ 220 阅读

相关 web前端面试-------javaScript基础知识点之数据类型

马上准备面试了，之前一直在学习web的时候，都没来得及总结有关javaScript的知识点，因为在总结了很多前端面试题的奇怪问题后，写了个清单，并根据我所学知识和容易出现的错误

墨蓝/ 2022年07月16日 00:11/ 0 赞/ 205 阅读

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

Web前端基础面试题（一） 1、Html5基础 1.1请描述一个网页从打开到最终在浏览器中显示的完整过程？思路分析：总述共多数个步骤（环节）；分述各环节执行的内容；可适

约定不等于承诺〃/ 2022年07月13日 11:59/ 0 赞/ 248 阅读

相关 Web基础知识一

Web与Internet 1、Internet Internet是一个全球性的计算机互联网络，中文名“因特网”，简称：“网”。 Internet 提供的服

柔光的暖阳◎/ 2022年07月13日 07:08/ 0 赞/ 231 阅读

相关 web前端：Canvas 基础（一）

0.前言最近忙里偷闲，来写写文章。 ————-我是华丽的分割线————– 终于把这篇文章写完了，关于本文，针对读者主要是之前从未接触过 Canvas的同学。当然，你

偏执的太偏执、/ 2022年06月06日 06:41/ 0 赞/ 318 阅读

相关 web前端入门：javascrip基础知识

Javascript面向对象 Javascript是一门面向对象的语言, 虽然很多书上都有讲解,但还是有很多初级开发者不了解. 创建对象 ps: 以前写过一篇

灰太狼/ 2022年05月30日 05:54/ 0 赞/ 261 阅读

相关面试总结一——基础知识

1. ==和equals方法究竟有什么区别？ a:==是比较运算符，而equals是方法，二者目的都是为了比较对象是否一致 b:equal

小鱼儿/ 2022年05月21日 13:09/ 0 赞/ 235 阅读

相关 Web前端必备基础知识点

因为要告知浏览器的解析器用什么文档标准解析这个文档，所以在文档的开头要写上文档类型声明，H5的文档类型声明要比H4文档类型声明简洁的多。因为H5不基于SGML（标准通用标记语言

小灰灰/ 2022年04月04日 03:22/ 0 赞/ 480 阅读

相关 Web前端基础知识总结

一、HTML和CSS 1. 你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么? IE: trident内核 Firefox：gecko内核 Saf

我不是女神ヾ/ 2022年03月01日 21:22/ 0 赞/ 663 阅读