前端整体阶段的总结

前端内容：HTML、CSS、JavaScript、jQuery，以下内容为本人认为重要的，防忘记！

JS的组成

1.ECMAScript

简称为 ES ，是 JS 的标准，也是 JS 的核心语法。

包含了数据类型、定义变量、流程控制语句等语法内容。

变量

var i = 数字、字符串、布尔值等都可以

js 中的 boolean 类型， 0 可以表示 false ，非 0 可以表示 true 。

默认 true 为 1 ，所以可以用 true 或 false 当做数字来运算。

false+true在js中是可以运算的

2.BOM

Browser Object Model

浏览器对象模型

可以通过 JS 获取浏览器信息和控制浏览器的行为。

浏览器对象模型

3.DOM

文档对象模型

• 每个页面都是一个文档树document tree
• 页面中的每个标签都是这个树的节点node
• 根节点是html
• document对象是DOM中的核心对象，表示当前页面对象
• DOM用于操作(获取设置内容、更改样式等)页面中的节点
• 标签==元素==节点==DOM对象

获取节点的方式

 获取节点的文本

// innerText用于设置或读取标签中的文本，不会识别HTML元素
document.getElementById("mp1").innerText = "<h1>xxxx</h1>";
// innerHMLT用于设置或读取标签中的文本，会识别HTML元素
document.getElementById("mp2").innerHTML = "<h1>xxxx</h1>";

获取节点的属性

这里特别注意value的使用，表格、输入框里面的内容都可以用value得到

 当然也可以给节点添加样式：

节点 .style. 样式名 =" 值 " ；（单个）

节点 .style.cssText=" 样式名 : 值 ; 样式名 : 值 " ；（多个）

也可以自己增删改查节点

创造一个节点， 此时创建的节点处于 " 游离态 ", 需要添加到其他节点中才能使用。

//document.createElement("标签名");
document.createElement("div");

添加子节点

//父节点.appendChild(子节点);
var md=document.createElement("div");
document.body.appendChild(md);

删除子节点

//父节点.removeChild(子节点)
var md=document.getElementById("md")
document.body.removeChild(md);

获取父节点

//某节点.parentNode

获取子节点

//父节点.children 获取子节点的数组
//父节点.firstChild 获取第一个子节点
//父节点.lastChild 获取最后一个子节点

 

jQuery

1、你知道jquery中的选择器吗，请讲一下有哪些选择器

基本选择器、层次选择器、过滤选择器

 2、jquery对象和dom对象是怎样转换的？

jQuery对象转换为dom对象

jQuery对象[0]

jQuery对象.get(0)

dom对象转换为jQuery

$(dom对象)

3、你是如何使用jquery中的ajax的？jquery中$.get()提交和$.post()提交有区别吗？

$.ajax({
    url:URL,//相对路径：相对于当前路径；也可以使用绝对路径http：……
    method:get|post,
    data:data,//格式为"k="+v，或者{"k":"v",……}
    success:function(result){//result为返回结果

    }


$.get(url,参数,function (meg) {
    //参数格式为："k="+v，或者{"k":"v",……}，get请求方式还可以在url后面拼接参数
    //meg为控制层返回的字符串信息
}


$.get("test",{"a":"1","b":"2"},function (msg) {
     alert(msg)//返回的是"yes"
})

4、你在jquery中使用过哪些插入节点的方法，它们的区别是什么？

5、jquery中如何来获取或和设置属性？