【前端复习】①

​

1.请列举所了解的表单标签

form：

• action：要提交数据到哪里
• method：提交数据的方式（post/get）

input

• type
  text:文本 password:密码
  radio:单选(使用name属性进行 分组，value属性内是提交的数据)
  hidden:隐藏的文本，可以正常提交，不可以用于保存敏感数据
  checkbox:复选(使用name属性进行 分组，value属性内是提交的数据）
  submit:提交 file:文件选择
  data:时间控件 h5属性
  datetime:支持的浏览器不多
  number：数值控件 h5属性 ，有max和min
  reset:重置表单到初始值
• name
  用于数据提交和分组的标识，可以重名
• value
  用于对组件进行赋值和取值
• disabled
  组件失效，无法提交
• readonly
  让组件只读，可以提交
• checked
  单选框和复选框默认选中状态

select

• name:
  属性，用于提交
• option选项
  value属性:提交的值
  selected属性：默认选中

textarea

• name：属性，用于提交
• 文本：为提交的值
• role：一行的文字默认个数
• rows：默认的行数

2.如何在HTML中换行和空格

• <br/>或者块级标签
• -&nbsp；

3.如何在HTML中添加一张图片

<img src="  "   />

4.如何在HTML中添加一个超链接

<a href="  "   ></a>

————————————————————————————————————————————————————————

1.块级元素和行级元素的区别

• 块级元素：
  • 每个元素独占一行
  • 有高度和宽度
  • div默认情况下，如果没有元素内容，则没有高度
• 行级元素（内联元素）：
  • 所有元素一次在一行当中排列
  • 没有高度和宽度
  • span 行级元素变块级元素
    display:block;

2.CSS选择器

• 标签：元素标签名

div{
	background-color:red;
}

• id：具有唯一性，以id属性的值进行选择

#d1{
	background-color:red;
}

• class：一个标签可以有多个class值，class值可以重复

#c1{
	background-color:red;
}

3.CSS盒子模型

宽/高 = 元素的宽/高 + 内边距 + 边框宽度 + 外边框

• 内边距：padding -top/right/bottom/left

padding-top:50px;
padding-left:50px;
padding:50px; //top/right/bottom/left全是50
padding:50px,40px,30px,20px;

• 外边距：margin -top/right/bottom/left

margin-top:50px;
margin-left:50px;
margin:50px; //top/right/bottom/left全是50
margin:50px,40px,30px,20px;

• 边框
  border-style：solid；
border-width：1px；
border-color：red；
border-top：1px solid red；//顺序不能错
border-bottom：2px solid red；
border：1px solid red ；//上下左右

———————————————————————————————————————————————————————————

1.javaScript的变量类型有哪些，特征是什么

• Undefined:不属于任何类型，只是进行了一次声明
• Null：赋值了null才有null类型，null类型在js当中严格划分，实际为object类型
• Number：整数、浮点数
• Boolean
• String ：js不区分''和""
• Function:函数
• Object:对象
• is not defined不是任何一个数据类型，是一个异常（访问没有声明的变量）

2.如何判断javaScript的变量类型

用typeof

var i = 10;
console.log(typeof i == "number")//true

3.==和===的区别

• ==：比较值
• ===：比较值和类型

var i = 2;
console.log(i==j)//true

var j = "2";
console.log(i===j)//false

4.javaScript的函数和方法的区别

函数不是方法，方法要通过对象调用，函数直接调用

5.javaScript函数的两种创建方式及其区别

• 函数声明

function test（arg1，arg2）{}
test(100,200)

• 函数表达式

var test = function （arg1，arg2）{}

区别：函数声明时，调用函数不看顺序；用函数表达式时，在调用时要在函数表达式之后才可以

6.javaScript的匿名函数语法

    防止全局污染，用于封装

(function(){  匿名函数  })()    

7.javaScript用三种方式创建对象

• 利用new Object创建对象

function Person(){}
var p = new Person();

• json对象 利用字面量创建对象

var obj = {
	"id" : 1，"name":"aaa","like":[{"id" : 1，"likename":"XX"},
	{"id" : 2，"likename":"XXXX"}]
}

• 利用构造函数创建对象

function Person(name,age){
	this.name=name;
	this.age=age;
}

8.javaScript成员属性和临时属性的区别

• 成员属性：共有
• 临时属性：只属于特定对象