全套笔记（全栈）

##WEB前端学习笔记
一、DAY01

介绍历史

• web发展的四个阶段及要掌握的技能
• 第一个阶段：PS+HTML+CSS
• 第二个阶段：JS+AJAX+JQuery
• 第三个阶段：从前端到全端，从PC到移动端，除了要掌握前两个阶段的内容
  还必须学会：H5、CSS3 、响应式布局开发、zepto、Hybrid(混合开发 )、微信小程序等。
• 第四个阶段：从全端到全栈，全栈就是前后端开发都可以会。要掌握的知识点有：NODEJS\express/koa ,还有常用的JS
  框架，如VUE、react、 webpack、angular这个少用了。

未来发展方向

• WEB4.0的时代，VR/AR 元年，大前端开发工程师 CANVAS/WEBGL等技术

二、DAY2常用工具介绍

• WEBstorm
• 网页三剑客
• sublime text
• vim
• HBuilder
• visual studio code

###三、DAY3 JS基础

• 1、javascript 组成

  • ES:语法和基本对象
  • DOM:文档对象模型，处理网页内容方法和各种API接口。
  • BOM:浏览器对象模型，浏览器交互及API,常见的网页游戏等，点退出游戏自动关闭页面。

• 2、面向对象编程的语言有：

  • C++
  • JAVA
  • C#(.NET)
  • JS
  • PHP
  • PYTHON

  C语言是面向过程编程语言。

###四、DAY4 变量和数据类型

• 1什么是变量：变量是用于储存具体值的容器或代名词。

• 2、创建变量有六种方法：

  • VAR (es3)的标准
  • function (es3)
  • let (es6)
  • const(es6)
  • import (es6)
  • class (es6)
    3、变量语法：
    例如：
  • var [变量名] = 值；
  • let [变量名] = 值；
  • const[变量名] = 值；
  • function 函数名() {
    }

• 3、变量的命名规范

  • 严格区分大小写
  • 遵循驼峰命名法，按照数字、字母、下划线来命名，数字不能做为名字开头。
  • 名字要有语义
  • 不能使用关键字和保留字

• 4、数据类型有以下几种：

  • 基本数据类型

    • 数字型：number
    • 字符串：string
    • 布尔型：真或假
    • null:

  • 引用数据类型

    • 对象类型

      • 普通对象
      • 数组对象
      • 正则对象
      • 日期对象

    • 函数

  • 特殊类型： symbol

• var a=symbol(“dyne”)
• const b =symbol("djxhc)
  如果再定义 B=12就会报错。

布尔类型

如何把其它数据类型转换成布尔类型？（有几种方法）

• !
• !!
• Boolean

Boolean(1) => true 结果是真。
Boolean(0) =>false 结果是假。
Boolean(-1) =>true 结果也是真。
！ ‘GXLB120’ => !是反或叫非，假的反就是真，先把其它类型转换成布尔然后再取反 ，FALSE
!0 => true;
!1 =>false;
!!null =>取反两次，等价于没有取反，也就剩下转换为布尔类型。
如：
!!null =>false;
!!undefiend => false;
!!NaN => false;
!! [] => true;
!!{} =>true;
**规律： 在JS当中只有“0、NAN/ 空字符串 、null、 undefined ”这五个值转换为布尔类型为false,其余都转换为true.**

null &&undefined

都代表空或者没有

• null:空对象指针
• undefined:未定义

null 一般都是意料之中的没有（通俗理解，一般都是人为手动的先赋值为null,后面程序中我们会再 次赋值）

var num = null; //=>null 是手动赋值，预示着后面我会把null变量的值进行修改。
null =12;

undefined 代表的没有，一般都不是人为手动控制的，大部分都是浏览器自主为空
后面可以赋值也可以不赋值。

1、var num; //=>此时变量的值，浏览器给分配的就是
2、undefined
3、 后面可以赋值 ，也可以不赋值。

---

object 对象数据类型

普通对象

• 由大括号包起来的
• 由零到多组属性名和属性值（键值对）组成
  `属性是用来描述录前对象特征的，属性名是当前具备这个特征，属性值是对这个特征的描述（专业语法，属性名称为键[key],属性值称为值【value】,一组属性名和属性值称为一组键值对）

var obj = {
	name:'gxlb120';
	age:9
};
//=>对象的操作：对键值对的增删改查
obj.name //获取得值
obj['name'] //这也是获取得值，一般来说对象的
属性名都是字符串格式的。属性值 不固定，任何格式都可以。