命名规则：匈牙利命名，又称驼峰命名

除了第一个单词外，从第二个单词开始，每个单词首字母大写

常用的命名前缀

形式	作用
a	数组，代表一组数据，
o	对象，单一的对象(多个对象用a开头)，表示获取到的一个元素对象
n	数字 number
b	布尔值 true false
s	字符串 string

页面的构成

• html 超文本标记语言，架构
• css 层叠样式表
• js 轻量级脚本语言 ，用来操作css

p.s 三者之间的关系：
行为(js)样式(css)架构(js)相分离

js的构成

• ECMAscript ：语法
• DOM ：document object model 文档模型
• BOM ：browser object model 浏览器模型

css和js的引入方式

引入方式	css	js
行内样式	写在style 属性标签内	html 属性标签，例如：onclick
嵌套样式	写在style标签内	写在script标签内
外联样式	使用link 和 @import “地址”	使用script标签引入

js的编程思路

1. 获取对象(找到谁)
2. 给对象添加什么事件(给谁加什么事件)
3. 执行什么事件(干什么事)

对象

一切皆对象
特征：

• 属性
• 方法
  区别：属性没有小括号，方法有小括号

this代表哪个对象

状态	特征	指代
在函数执行的时候	看前面是否有点	点前面是谁，this就是谁
在函数执行的时候	看前面是否有点	没有就证明是window调用，this就是window
在元素身上的事件被触发时	看需要执行函数的元素	this就是需要执行函数的元素，也就是被触发函数的元素

输出方式 - 帮助我们调试和测试代码

名称	作用	特征
alert()	弹出框	方法
confirm()	具有返回值的弹出框，确定：true，取消：false;	方法
console.log()	打印，控制台输出	方法
console.dir()	打印，控制台输出，输出对象的属性和发放	方法
console.table()	打印，控制台输出，以表格的形式输出	方法
document.write()	在页面上输出内容	方法
innerHTML	输出(谁调用就跟谁在哪里输出)，输出所属对象的所有内容，包括标签	属性
innerText	输出(谁调用就跟谁在哪里输出)，输出所属对象的文本内容	属性

数据类型

基本数据类型 和 引用数据类型

名称	基本或引用	含义
number	基本数据类型	数字
string	基本数据类型	字符串
null	基本数据类型	空对象
boolean	基本数据类型	布尔值
undefined	基本数据类型	undefined
object	引用数据类型	对象
array	引用数据类型	数组
Data	引用数据类型	时间
RegExp	引用数据类型	正则
function	引用数据类型	方法、函数

基本数据类型和引用类型的区别

• 基本数据类型是对值的引用，引用数据类型是对地址的引用
• 基本数据类型引用后改变不会改变原数据，引用数据类型引用后，两者同时改变

typeof 检测数据类型

循环四部曲

• 定义 ：定义变量
• 条件 ：判断是否执行
• 语句 ： 判断成功后要执行的，也就是要完成循环索要达到的效果
• 自增 ： 维持判断的执行条件

判断

• if...else

var arr = [1,2,3,4]
for(var i=0; i<arr.length; i++){
  if(i%3 == 0){
    alert(0);
  }else if(i%3 == 1){
    alert(1)
  }else {
    alert(2);
  }
}

• switch...case

switch (a){
  case 0:
      alert(0);
      break;
  case 1:
      alert(1);
      break;
  default: 
        alert(3);
      break;
}