前端简单的复习(试题)

版权声明:biubiubiu https://blog.csdn.net/a_lllll/article/details/89419968

HTML+CSS

HTML和XHTML的区别

HTML是一种基本的web网页设计语言。
XHTML是一个基于XML的置标语言。
XHTML元素必须被正确的嵌套。
XHTML元素必须被关闭

HTML语义化的理解

用正确的标签做正确的事
HTML语义化让页面的内容结构化,结构更清晰,便于搜索引擎解析

DOCTYPE HTML作用?

文档类型(HTML5的类型):告知浏览器当前的文档按照HTML的类型进行编译执行。
(低版本不能识别高版本的语言)

页面导入样式时,使用link和@import有什么区别?

  1. link属于HTML标签,除了可以加载CSS外,还可以定义其它,
  2. @import是CSS提供的,只能加载CSS.
    页面被加载时,link会被同时加载,@import引用的CSS会等页面被加载完后加载。
  3. link没有兼容问题

CSS的引入方式有哪些?

内联样式,内嵌样式,外联样式。

浏览器内核

主要分为两部分:渲染引擎和js引擎
渲染引擎:负责获取网页的内容,整理讯息,以及计算网页的显示方式,然后输出至显示器。
js引擎:解析和执行JavaScript来实现网页的动态效果。

iframe的作用

用于在网页中加入第三方网页

CSS盒模型

content,border,padding,margin

margin-top塌陷是如何产生的?以及解决方法有哪些?

一个元素中含有一个子元素,给子元素设置margin-top时,发现将设置的值添加给了父元素,导致子元素设置margin-top失效。
解决方法:
1)给父元素设置overflow:hidden
2)给父元素添加边框
3)伪元素

元素溢出的产生

元素溢出指一个元素中含有其它元素,二其它元素超出了这个元素(父元素)。

浮动元素不会撑开父元素的大小,那么如何解决父元素撑开的问题?(你有哪些方式)?

1)使用带有clear属性的空标签
在浮动元素后使用一个空标签,使用clear:both;
2)使用overflow属性
给浮动元素的容器添加overflow:hidden或overflow:auto;
3)给浮动元素的容器添加浮动
4)使用:after伪元素
5)使用双伪元素:before和:after

前端开发由哪三层构成?

结构层(HTML),表现层(CSS),行为层(JavaScript)
结构层:由HTML或XHTML之类的标记语言负责创建
表现层:由CSS负责创建,同来美化HTML结构,将结构与表现进行分离
行为层:提供用户和界面的交互

CSS的权重

!important>行内样式>id选择器>类选择器>标签选择器>通配符>继承

表单提交时:get和post提交方式的区别是什么?

post和get都是客户端用来提交数据的一种方式。
客户端将数据以报文的形式提交给服务器。

get 方法:【默认值】将数据附加在网址的后面进行传输
①以报文头的方式显示在URL地址栏中。
②所有出现文件名(URL)的地方都可以打开?进行get方式传值
③只能用来传输少量的数据
④在网址后面可以直接看到,不安全

post方法:不会附加在网址后面(隐形的传值)
①以报文体,报文内容的形式隐形的进行提交。
②post方式可以传大量数据(上传文件)
③隐形传输,非常安全

在新窗口打开链接的方法是?

target:_blank

JavaScript

什么是JavaScript?

是一种基于对象和事件驱动的客户端脚本语言,提供用户与界面的交互方式。

什么是window对象?什么是document对象?

window对象:指浏览器打开的窗口
document对象:Document对象(HTML文档对象)的一个只读引用,window对象的一个属性。

null,undefined的区别?

null表示一个对象是“没有值”的值,值为“空”,转为数值为0。
undefined表示一个变量声明了但没有初始化,转为数值为 NAN。

事件捕获和事件冒泡

事件捕获:
父级元素先触发,子集元素后触发;(由外到内)
事件冒泡:
子集元素先触发,父级元素后触;(由内到外)
子集元素和父元素具备同样的事件,当触发子元素时,也会触发父元素的事件

什么是脚本语言?什么是编译语言?

脚本语言:把程序解析一行执行一行,显示给用户
编译执行:将程序编译成CPU可识别的语言(机器码),然后统一执行展示给用户

JavaScript的三大组成

  1. JavaScript基础语法
  2. JavaScript的浏览器对象操作
  3. JavaScript的DOM操作

innerHTML和innerText的区别

innerHTML:设置或获取标签包含的HTML+文本信息(指的是从对象的起始位置到终止位置的全部内容,包括HTML标签)。
innerText :设置或获取标签所包含的文本信息(指的是从起始位置到终止位置的内容,但它去除Html标签)。

script程序嵌入body中和head中的区别?

在HTML body部分中的JavaScript会在页面加载的时候被执行。
在HTML head部分中的JavaScript会在被调用的时候才执行。

write()和writeln()之间的区别?

document.write()
将内容写入文档,当前编辑位置为写入的内容的后一个字符。
document.writeln()
将内容写入文档,并添加一个换行符,当前编辑位置为写入的内容的后一行的起始位置。
Write不可以换行,Writeln可以换行。

JavaScript中的数据类型分为两大类

基本数据类型(3种)
数字型(number)
字符串型(string)
布尔型( bool)
特殊数据类型(3种)
空值型(null)
未定义型(undefined)
对象型(object)

猜你喜欢

转载自blog.csdn.net/a_lllll/article/details/89419968
今日推荐