对象（Object）是什么？

在软件系统中，对象具有唯一的标识符，对象包括属性（Properties）和方法（Methods），属性就是需要记忆的信息，方法就是对象能够提供的服务。在面向对象（Object Oriented）的软件中，对象（Object）是某一个类（Class）的实例（Instance）。 —— 维基百科

面向对象语言的特点：有类(class)的概念，如C++、Java。
Javascript没有类的概念，基于原型，支持面向对象。

• 基本数据类型
  string、 number、 boolean、 null、 undefined

  null、undefined分别表示没有声明和声明后没有初始化的变量、对象，是两个简单的值，其余三个有对应的包装对象Number、Boolean、String

Part1 值类型与引用类型

值类型与引用类型的定义

• 值类型（基本类型）

  定义：存放在栈内存中的简单数据段，数据大小确定，内存空间大小可以分配。
  5种基本数据类型：string、number 、boolean、null、undefined。

• 引用类型

  定义：存放在堆内存中的对象，变量保存的实际是一个指针，当我们需要访问引用类型时，存放在栈内存中的指针会将我们指向堆内存的数据。每块空间大小不一样，根据情况进行特定的分配。
  常见的引用类型有：Array、Object、Function

  阅读全文 »

在JavaScript的DOM操作中，我们经常需要获取元素或事件的宽高及定位信息。因此我们就需要用到一些属性来得到我们想要的信息。

Part1 client、scroll、offset元素属性的定义

在w3c的官方文档里，我们可以看到这几个属性都归类在HTML DOM元素对象的属性方法中，适用于所有HTML元素，都是只读属性。

1
2
3
4
5
6
7
8

element.clientHeight //在页面上返回内容的可视高度（不包括边框，边距或滚动条）
element.clientLeft //元素的左边框的宽度,若左边出现了垂直滚动条，也包含滚动条的宽度
element.offsetHeight //返回元素的高度，包括边框和填充，但不是边距
element.offsetLeft //获取边框相对于具有定位属性的父对象的左边距
element.scrollHeight //返回元素的整体高度（包括带滚动条的隐蔽的地方）
element.scrollLeft //滚动条卷去隐藏的距离

offset类属性与style类属性的区别

在JavaScript DOM操作中，有两个属性可以获取元素的width属性，但是两者也有很大的不同

• style类属性

  1. 必须要是行内元素才能获取到，当元素的宽高写在CSS中时，无法获取
  2. 获取到的是String，带px
  3. 可读写
  4. 若没有设置left，style.left返回空字符串 “ “

• offset类属性

  1. 获取元素的实际存在的宽高，不管是在行内还是页内
  2. 获取到的是Number
  3. 只可读

阅读全文 »

Part1 数字转换成字符串

1.1 使用JS内部方法进行转换

1. parseInt 可以将一个字符串型整数进行转换.

parseInt提取数字注意点.

第一个字母必须是数字,如果不是数字则显示NaN

1. parseFloat 可以将一个字符串型的浮点数进行转换

因为JS是弱类型语言, 不管是int还是float都是Number.

1.2 直接使用Number对象进行包裹

1
2

var a = "10";
console.log(Number(a));

1.3 参与数学计算(加法除外)

加法会将字符串进行拼接

乘法、除法、模运算(取余)都可以将字符串类型变成Number类型.

阅读全文 »