初级前端面试题-持续更新

HTML基础部分

1.1. 请描述一个网页从开始请求到最终显示的完整过程?

输入网址--发送DNS获取IP--建立TCP连接--发送HTTP请求--返回指定的URL--解析代码

1.2. 简要描述常见的浏览器内核。

Trident:IE浏览器;Gecko:Mozilla 浏览器,比如 Firefox;Webkit:Safari浏览器,也是Chrome浏览器的内核原型; Blink:Chrome浏览器,Opera浏览器。

1.3. 如何理解 html 标签语义化?

用正确的标签做正确的事html 语义化可以让页面的内容结构化,便于浏览器解析,便于搜索引擎解析,并提高 代码的可维护度和可重用性。

1.4. 列举常用的结构标记,并描述其作用。

<header> 元素:用于定义文档的页眉;<nav> 元素:用于定义页面的导航链接部分;<section> 元素:用于定义文档中的节,表示文档中的一个具体的组成部分;<article> 元素:常用于定义独立于文档的其他部分的内容;<footer> 元素:常用于定义某区域的脚注信息;<aside> 元素:常用于定义页面的一些额外组成部分,如广告栏、侧边栏和相关引用信息等。

1.5. 简要描述行内元素和块级元素的区别。

块级元素的前后都会自动换行,如同存在换行符一样。默认情况下,块级元素会独占一行

1.6. 表单向服务器提交数据有几种方式?这些方式有什么区别?

语义不同//get 获取  //post发送使用 Get 方式向服务器发送表单数据时,表单数据将附加在 URL 属性的末端;使用 POST 方法发送数据时,数据会放置在主体中发送。

CSS基础部分

2.1.如何理解 CSS 样式表的层叠性?

2.2. 哪些属性可以继承?

2.3.CSS 选择器中,元素选择器和类选择器的区别是什么?

2.4. 简要描述 CSS 中的定位机制。

2.5.display 属性 和 visibility 属性的区别?

2.6. 简述对 CSS 的盒子模型理解?

2.7.简述 CSS3 中的伪类选择器。

2.8. 为什么建议设置背景图像的同时还设置背景颜色?

2.9. 如何居中 div?如何居中一个浮动元素?

2.10. 内联元素可以实现浮动吗?

2.11. CSS Sprite 是什么,谈谈这个技术的优缺点

2.12. 对 CSS3 有了解吗?列举几个 CSS3 的新特性并简要描述

2.13. 过渡与动画的区别是什么?

2.14. 什么是 CSS reset?

2.15. 如何清除浮动元素所带来的影响?

2.16. 谈谈你对浏览器兼容性问题的理解

JavaScript（重点）

H5基础内容

AJAX（重点）

jQuery（框架）