前段开发框架基础课（笔记）（一）

本课程重点

1.学习jQuery
2.学习js面向对象编程
3.模拟开发一个jQuery框架

---

2019-9-3笔记

复习Javascript

js组成部分

ECMAScript，BOM，DOM

js数据类型

1.值类型
Number，string，bool，Null，Undefined
2.引用类型
object

引用类型与值类型的区别：

1.数据存放位置不一样
2.在js中，引用类型的成员具有动态性

var obj=new Object();
//js允许给对象（引用类型的变量）动态的添加成员
ojb.name='aaa';
obj.age='111';

变量

1.使用var关键字声明变量
2.变量使用驼峰命名法

变量的作用域

js没有块级作用域，只有全局作用域和函数（局部）作用域

函数

function(){

}

1.不管有没有返回值，都不需要，也不能去声明返回值类型。也么有void关键字
2.参数列表中的形参，不需要声明其数据类型
3.js不支持重载
4.即使没有显式的return一个只，该函数被调用时仍然会返回一个值，并且之歌值是undefined

DOM

1.DOM是BOM的一部分
document.getElementById()<==>window.document.getElementById()
完全等价
2.document是文档对象模型的顶级对象

---

初识jQuery

什么是jQuery

1.jQuery是一个javaScript库
2.jQuery极大地简化了javaScript编程
3.jQuery很容易学习
4.jQuery很好用

为什么要使用jQuery

1.浏览器对于js的支持不统一，造成使用原生js开发网页时，需要做大量的兼容性代码

var btn=document.getElementBYId('btnSend');
btn.onclick=function(e){
var evt=e||window.event;
}

    p.innerText='欢迎您登录';//会出现兼容问题
    p.innerHTML='欢迎您登录';//会出现兼容问题

2.使用原生js开发，代码量巨大。使用jQuery能大大减少开发人员的工作量，提高开发效率

jQuery版本问题

1.jQuery分3大类版本，分别是1.x.x、 2.x.x 、3.x.x
2.3大类版本的区别
1.x.x
2.x.x
3.x.x

如何学习jQuery

1.千万不要去死记硬背，要在案例中练会
2.要学会看jQuery的技术文档
3.记住jQuery的特点：

jQuery的特点

1.jQuery的api绝大多数都是函数，常用的api全部都是函数
2.jQuery对象
3.隐式迭代
4.链式编程

持续更新，渴望技术交流