Web前端面试基础知识（一） 约定不等于承诺〃 2022-07-13 11:59 206阅读 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 进行异步数据查询、检索。
还没有评论，来说两句吧...