【笔记】web前端零基础课0904_学习笔记

今天下午开始学习Js，一般我们会说它是JavaScript，

刚开始的一段时间，我会慢一点讲。

JavaScript，是一种目前最流行的web编程语言。

JavaScript，它是一种脚本语言。

<!-- 脚本语言这种说法，是相对于例如Java之类的语言来说的，

Java它的源码要编译之后才能运行，

这种方式，对真正的源码是一种保护，

也就是说，未经允许的情况下，你不能得到真正的源码。 -->

脚本语言它不需要编译，你写成什么样，它在浏览器里就是按什么样去运行。

Js不能隐藏自己的源码。所以它的安全性不是很高，这是js本身的情况。

<!-- 现在流行的所谓Js混淆，无非是把一些名称变得不那么容易读而已。 -->

它在浏览器中，也是从上到下，一行一行的读取并执行，

当在某一行发生错误的时候，就会自动的停止执行。

<!-- -->

JavaScript，它的运行必须位于<script></script>标签之间，

这个script标签可以放在页面的head部分，一般会把它放在页面最尾部。

<!-- 了解即可 -->

JavaScript它是官方名称是：ECMA-262。

JavaScript，它的核心是 ECMAScript 标准，

它描述并定义了该语言的语法和基本的对象，

- 语法

- 类型

- 语句

- 关键字

- 保留字

- 运算符

- 对象

JavaScript，它不是完全面向对象的语言。

它是基于对象的，它没有类，没有多态。

在Js里面，可以说，所有的东西都是对象。

ECMAScript，可以为不同的宿主环境提供核心脚本的编程能力。

- 宿主环境，一般是指用来运行JS的环境。

JavaScript只是实现了 ECMAScript 这个标准。

<!-- -->

JavaScript由以下三部分共同组成：

- 核心，ECMAScript；

- 文档对象模型，DOM，其实就是网页，就是html文件

- 浏览器对象模型，BOM，就是浏览器

<!-- -->

js的输出语句，用于在控制台中输出一些信息，

console.log('这是要在控制台中输出的内容');

document.write('要在html页面中输出的内容');

- document，是网页

- .write()，是document的一个方法，用于向网页中写入内容;

<!-- 变量 -->

变量，用于存储数据的容器。

声明变量，使用 var 关键字

例如，var xx = 123，

声明了一个名为xx的变量，

在其中保存了123这个值。

<!-- -->

var _xx = 'afdads';

变量名左边有一个下划分， _，干啥用的呢？

- 表明此变量为局域变量。局域变量以后再说；

- Js变量的命名方式之一；

<!-- 变量的命名方式 -->

- 必须以字母开头；

- 特别符号只支持， $ 和 _；

- 区分大小写;

<!-- 了解，目前 -->

JavaScript，是一种弱类型的语言，

也就是说，它不具体区分是哪种数据的类型；

也就是说，哪一种类型的数据，都可以放在变量里。

var _x1 = 123; //数字 Number

var _x2 = '我我我'; //字符串 String

这是数字、字符串，都可以放在变量里。

但是Js，依然有自己的数据类型，

- 五种基本类型，

String, Number, Boolean, Null, Undefined

- 一种复杂数据类型，Object

<!-- 这个东西目前不要求记 -->

<!-- -->

Boolean，它只有二个值，true 、false

它一般用于逻辑判断语句，

if( 条件 ){

语句块111

} else {

语句块222

}

当条件为true时，执行语句111

否则执行语句222

<!-- -->

true 和 false，你就可以先理解为，真、假

一般这二个值，是通过比较运算符得出的结果，

>

<

>=

<=

==

// 全等、及其它比较运算符，先不提

<!-- -->

for循环，根据指定的条件，把代码块运行指定的次数。

for( 条件1， 条件2， 条件3 ){

语句块

}

其实for循环的三个条件，都不是必须的，你可以不写。

for( ; ; ){

console.log(i)

}

这样你将创建一个无限循环，这个我就不演示了。

<!-- -->

JavaScript语言，它十分的简单，真的很简单。

现在咱们就可以写一些js的操作了。

看，demo4.html

<!-- -->

++, --，是递增、递减运算符；

var i = 0;

i++;

这种写法等于，

var i=0;

i = i+1;

递减同上

递增、递减又分为前置、后置，

以后再说。

<!-- -->

JavaScript，它的运行环境（宿主环境），主要是浏览器。

看，demo5.html

<!-- -->

如果在开发当中，你有哪个“东西”不知道是什么？

那就 console.log()，打印一下看看。

document，它有一些最常用的方法，

- .getElementById('idxx');

通过id查找某个html标签；

使用这个方法，得到某个html标签，

这时，我们说，“我获得了id为idxx的dom节点”。

<!-- -->

前端开发最让人讨厌的一点，同一个东西，在不同的情况下，有不同的名称。

html标签；

html容器；

dom节点；

这三个说法，说的都是同一个东西。

<!-- -->

设置html标签的内容，

.innerHTML = 值

.style.css的属性名 = 值

<!-- -->

今天先就这些，

作业：

1、把页面做完；

2、把这几个js的小例子抄一遍；

目标：

1、掌握基本的js语法；

2、能够查找dom，设置基本的css样式；

打包发我。