文章目录
- 前言
- 一、web的工作原理
- 二、URL的格式与各组成部分的作用
- 三、HTML、CSS、JavaScript在网页设计中的作用
- 四、一个html文档应包含的基本标签
- 五、绝对路径与相对路径
- 六、CSS的定义位置
- 七、ID选择器与类选择器的异同
- 八、css的继承性
- 九、css盒模型
- 十、css列表样式
- 十一、定义表格的标签及作用
- 十二、CSS3动画与过渡
- 十三、HTML、CSS、JavaScript注释方法
- 十四、window对象的对话框名称及使用方法
- 十五、通过DOM访问文档对象上元素的方法
- 十六、三种列表
- 十七、JavaScript核心对象Array常用的属性和方法
- 十八、JavaScript核心对象Number常用的属性和方法
前言
不明白为什么前端考试要写这些，还要做卷子，真的挺难受的，我感觉前端还是要百度，很多东西不容易记太清晰准确，所以还是写篇博客记一下
这里有老师总结的快20个问答题
一、web的工作原理
1.用户在浏览器中输入要访问的web站点地址或在已打开的站点点击超链接。
2.由DNS进行域名解析，找到服务器的IP地址，向该地址指向的web服务器发出请求。
3.web服务器根据请求将URL地址转换为页面所在的服务器上的文件全名，查找相应文件。
4.若URL指向静态文件，则服务器将文件通过http协议传输给用户浏览器；若HTML文档中嵌入了ASP,PHP,JSP等程序，则由服务器直接运行后返回给用户;
如果web服务器所运行程序包含对数据库的访问，服务器会将查询指令发送给数据库服务器，对数据库执行查询操作，查询结果由数据库返回给web服务器，再由web服务器将结果嵌入页面，并以html格式发送给浏览器。
5.浏览器解释html文档，在客户端屏幕上展示结果
二、URL的格式与各组成部分的作用
URL一般由四个部分组成:
- 协议/模式（protocol）
- 主机/地址（hostname）
- 端口（port）
- 路径（path）
协议：指定使用的传输协议
主机：是指存放资源的服务器的域名系统(DNS) 主机名或 IP 地址
端口：整数，可选，省略时使用方案的默认端口，各种传输协议都有默认的端口号，如http的默认端口为80。如果输入时省略，则使用默认端口号
路径：由零或多个“/”符号隔开的字符串，一般用来表示主机上的一个目录或文件地址
三、HTML、CSS、JavaScript在网页设计中的作用
HTML（架构）：超文本标记语言，是一个网站页面的主要内容和主体框架。
CSS（样式）：层叠样式表，主要用来控制调整网页的样式，它与网页的结构和内容没有关系，仅仅是通过不同语义的标签来调整网页内容的不同表现样式。
JavaScript（行为）：脚本语言，主要负责网页的各式各样的动态功能，因此可以为用户提供更流畅美观的页面浏览效果，以及添加页面交互行为，给用户更好的视觉和使用体验。
四、一个html文档应包含的基本标签
最少应该有三个（对）标签
1.<html>…</html> ——文件开始与结束的标记
2.<head>…</head> ——文件头开始与结束的标记
3.<body>…</body> ——文件体开始与结束的标记
五、绝对路径与相对路径
绝对路径：绝对路径是指文件在硬盘上真正存在的路径，可以使用“\”或“/”字符作为目录的分隔字符，但通常有很多限制，如只能在自己的主机运行。
相对路径：相对路径是相对于自己的目标文件位置，使用“/”字符作为目录的分隔字符，常使用“…/”(2个·,csdn有问题)来表示上一级目录，泛用性更广。
六、CSS的定义位置
1.内嵌样式：在html标签中加入style属性。
2.内部样式表：虽然可以写在任何地方，但是通常写在head中，方便优先读取。
3.引入外部样式表：新建一个.css文件并由link引入
七、ID选择器与类选择器的异同
相同点：可以应用于任何元素。
不同点：
1.在一个HTML文档中，ID选择器只能使用一次，而类选择器可以使用多次。
2.可以使用类选择器词列表方法为一个元素同时设置多个样式。我们可以为一个元素同时设多个样式，但只可以用类选择器的方法实现，ID选择器是不可以的。
八、css的继承性
给父级设置一些属性，子级继承了父级的该属性，这就是css中的继承，继承是一种规则，它允许样式不仅应用于特定的html标签元素，而且应用于其后代元素。
九、css盒模型
所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素，如图所示。
Margin(外边距) - 清除边框外的区域，外边距是透明的。
Border(边框) - 围绕在内边距和内容外的边框。
Padding(内边距) - 清除内容周围的区域，内边距是透明的。
Content(内容) - 盒子的内容，显示文本和图像。
十、css列表样式
在 HTML 中，列表主要有两种类型：
无序列表<ul> 列表项用的是项目符号标记
有序列表<ol> 列表项用的是数字或字母标记
而css中列表属性可以：
为有序列表设置不同的列表项标记
为无序列表设置不同的列表项标记
将图像设置为列表项标记
为列表和列表项添加背景色
css常用列表属性:
1.list-style-type 属性指定列表项标记的类型
2.list-style-image 属性将图像指定为列表项标记
3.list-style-position 属性指定列表项标记（项目符号）的位置
4.list-style-type:none 属性用于删除标记/项目符号
十一、定义表格的标签及作用
常用的有四种
<table></table> 标签用于定义 HTML 表格
<tr></tr> 标签用于定义 HTML 表格中的行
<td></td> 标签用于定义 HTML 表格中的标准单元格
<th></th> 标签用于定义表格内的表头单元格
更复杂的 HTML 表格也可能包括 <caption>、<col>、<colgroup>、<thead>、<tfoot> 以及 <tbody> 元素。
十二、CSS3动画与过渡
css动画常用属性：
@keyframes
animation-name
animation-duration
animation-delay
animation-iteration-count
animation-direction
animation-timing-function
animation-fill-mode
animation
css过渡常用属性：
transition
transition-delay
transition-duration
transition-property
transition-timing-function
十三、HTML、CSS、JavaScript注释方法
html注释方法：<!- -你的代码块- ->
css注释方法： /* 你的样式 */
JavaScript注释方法：单行注释"//" 多行注释同css
十四、window对象的对话框名称及使用方法
window下有几种常用的对象：
document 文档对象，用于操作页面元素
location 地址对象，用于操作URL地址
navigator 浏览器对象，用于获取浏览器版本信息
history 历史对象，用于操作浏览历史
screen 屏幕对象，用于操作屏幕宽度，高度
作为父类对象，window对象拥有以下常用属性，且可以直接调用方法无需new一个对象
对话框分为三类：
1.警示对话框（window.alert(str);）
弹出警告对话框，str为对话框显示的字符串
2.确认对话框（window.confirm(question);）
其中question是要显示在确认对话框的纯文本，也是表达了程序想让用户回答的问题
而且他有一个返回值，如果单击了确定返回真、反之为假
3.提示对话框（window.prompt(str1,str2);）
弹出一个提示框，在提示框中有一个输入框，在显示输入框的时候，在输入框内显示提示字符串，在输入文本框显示缺省文本并等待用户输入，输入之后，单击确定返回用户输入的字符串，如果是取消则返回null值
十五、通过DOM访问文档对象上元素的方法
1.通过id获取：document.getElementById(id);
2.通过标签名获取：document.getElementsByTagName(‘标签名’) ;
3.获取特殊元素（body,html等）：document.body/documentElement;
4.h5特有（不常用）:
通过类名获取：document.getElementsByClassName(’.ClassName’);
通过选择器获取：document.querySelector(‘选择器’);
十六、三种列表
1.无序列表
无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记
无序列表始于 <ul> 标签
每个列表项始于 <li>（列表项内部可以使用段落、换行符、图片、链接以及其他列表等）
<ul>
<li>列表项1</li>
<li>列表项2</li>
</ul>
2.有序列表
和无序列表一样，有序列表是一列项目，列表项目使用数字进行标记。
有序列表始于 <ol> 标签；
每个列表项始于 <li> 标签（列表内部可以使用段落、换行符、图片、链接及其他列表）。
<ol>
<li>有序列表项1</li>
<li>有序列表项2</li>
</ol>
3.自定义列表
自定义列表不仅仅是一列项目，而是项目及其注释的组合。
自定义列表以 <dl> 标签开始；
每个自定义列表项以 <dt> 开始；
每个自定义列表项的定义以 <dd> 开始（定义列表的列表项内部可以使用段落、换行符、图片、链接以及其他列表等）
<dl>
<dt>自定列表项1</dt>
<dd>列表项的定义1</dd>
<dt>自定列表项2</dt>
<dd>列表项的定义2</dd>
</dl>
十七、JavaScript核心对象Array常用的属性和方法
常用属性：
length,prototype
常用方法
1.isArray() ——判断是否为数组
2.push() ——在数组末尾添加数组元素
3.pop() ——用于删除指定数组的最后一个元素
4.reverse() ——将数组的元素进行反转
5.shift() ——用于删除指定数组的开头第一个元素
6.unshift() ——在数组开头添加数组元素
7.sort() ——用于数组排序
8.slice() ——根据开始索引和结束索引，截取数组里面的元素，形成一个新的数组并返回
9.toString() ——数组转换为字符串
10.indexOf() ——返回指定元素的下标
十八、JavaScript核心对象Number常用的属性和方法
常用属性:
MAX_VALUE,MIN_VALUE,prototype
常用方法
1.valueof() ——返回一个Number对象的数值
2.toString() ——把数字转换为字符串，可指定进制
3.toExponential() ——把数字转化为指数形式
4.toFixed() ——可以把数字转化成四舍五入为指定的小数位的数字
# 总结 求求我背一背吧，好歹占那么些分的
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
