今天完成的事情：
对js相关知识点进行了整理，加强了预习，对于任务1没思路，还是再看看基础方面的知识

明天计划的事情：
明天把相关知识都整理完毕，进一步学习，开始构思如何完成js1.希望有点思路

遇到的问题：
最大的问题就是，觉得js语法代码啥的，又是括号符号间隔都糅合在一起，哪里出了一丁点问题，就会出现bug。对细节方面的要求好高。。。

对任务1还是没啥思路，还需要沉淀，为啥有的师兄两天就能搞定？

收获：

最开始看到javascript,误以为这门语言，来源于java会有很密切的关系，通过对背景的了解，原来是当时java很火，Javascript为了沾点光，所以带上了java

【怎么运行js文件】

使用外联样式，然后放入body底部

【加法运算符】

加法运算符（+）是最常见的运算符，用来求两个数值的和。

【算术运算符】

加法运算符：x + y

减法运算符： x - y

乘法运算符： x * y

除法运算符：x / y

指数运算符：x ** y

余数运算符：x % y

自增运算符：++x 或者 x++

自减运算符：--x 或者 x--

数值运算符： +x

负数值运算符：-x

【赋值运算符】

最常见的赋值运算符，当然就是等号（=）。

【比较运算符】

比较运算符用于比较两个值的大小，然后返回一个布尔值，表示是否满足指定的条件。

< 小于运算符

> 大于运算符

<= 小于或等于运算符

>= 大于或等于运算符

== 相等运算符

=== 严格相等运算符

!= 不相等运算符

!== 严格不相等运算符

【布尔运算符】

布尔运算符用于将表达式转为布尔值，一共包含四个运算符。

取反运算符：!

且运算符：&&

或运算符：||

三元运算符：?:

【位运算符】

位运算符用于直接对二进制位进行计算，一共有7个。

二进制或运算符（or）：符号为|，表示若两个二进制位都为0，则结果为0，否则为1。

二进制与运算符（and）：符号为&，表示若两个二进制位都为1，则结果为1，否则为0。

二进制否运算符（not）：符号为~，表示对一个二进制位取反。

异或运算符（xor）：符号为^，表示若两个二进制位不相同，则结果为1，否则为0。

左移运算符（left shift）：符号为<<

右移运算符（right shift）：符号为>>

带符号位的右移运算符（zero filled right shift）：符号为>>>

【其它运算符】

void运算符，执行一个表达式，然后不返回任何值，或者说返回undefined

逗号运算符，逗号运算符用于对两个表达式求值，并返回后一个表达式的值

【条件语句】

Js提供if结构和switch结构，只有满足预设的条件，才会执行相应的语句。

if 语句 - 只有当指定条件为 true 时，使用该语句来执行代码

if...else 语句 - 当条件为 true 时执行代码，当条件为 false 时执行其他代码

if...else if....else 语句- 使用该语句来选择多个代码块之一来执行

switch 语句 - 使用该语句来选择多个代码块之一来执行。多个if...else连在一起使用的时候，可以转为使用更方便的switch结构。

【循环语句】

while循环

包括一个循环条件和一段代码块，只要条件为真，就不断循环执行代码块。

while (条件)

  语句;

while (条件) {

  语句;

}

for循环

循环命令的另一种形式，可以指定循环的起点、终点和终止条件。

for (初始化表达式; 条件; 递增表达式)

  语句；

for (初始化表达式; 条件; 递增表达式) {

  语句；

}

初始化表达式（initialize）：确定循环变量的初始值，只在循环开始时执行一次。

条件表达式（test）：每轮循环开始时，都要执行这个条件表达式，只有值为真，才继续进行循环。

递增表达式（increment）：每轮循环的最后一个操作，通常用来递增循环变量。

do…while 循环

do...while循环与while循环类似，唯一的区别就是先运行一次循环体，然后判断循环条件。

do

  语句

while (条件);

do {

  语句

} while (条件);

不管条件是否为真，do...while循环至少运行一次，这是这种结构最大的特点。

break语句和continue语句

break语句和continue语句都具有跳转作用，可以让代码不按既有的顺序执行。

break语句用于跳出代码块或循环。

continue语句用于立即终止本轮循环，返回循环结构的头部，开始下一轮循环。

label

label:

  语句

语句的前面有标签（label），相当于定位符，用于跳转到程序的任意位置。

标签通常与break语句和continue语句配合使用，跳出特定的循环。

【onload事件】

onload 事件会在页面或图像加载完成后立即发生。

onload="SomeJavaScriptCode"

【click事件】

click 按下鼠标（通常是按下主按钮）时触发。

click事件指的是，用户在同一个位置先完成mousedown动作，再完成mouseup动作。因此，触发顺序是，mousedown首先触发，mouseup接着触发，click最后触发。

【document】简称【DOM】

【DOM概念】

DOM是针对HTML和XML的API。 可以理解为DOM就是一系列功能集合。

【DOM文档对象模型】

允许脚本(js)控制Web页面、窗口和文档。

核心 DOM - 针对任何结构化文档的标准模型

XML DOM - 针对 XML 文档的标准模型

HTML DOM - 针对 HTML 文档的标准模型

【DOM基本功能】

① 查询某个元素

② 查询某个元素的祖先、兄弟以及后代元素

③ 获取、修改元素的属性

④ 获取、修改元素的内容

⑤ 创建、插入和删除元素

【DOM作用】

理解了DOM是API，就知道它就是一些功能，通过这些功能可以对HTML文档进行动态操作，从而实现许多动态交互效果。

【DOM如何使用】

通过javascript对HTML DOM进行访问。 

HTML DOM将html元素定义为对象，API以对象方法和对象属性的形式实现。 

可直接调用DOM实现的方法，进行DOM操作。

【DOM的理解】

我们以后把dom理解成map，实际中的地图，用专业术语将就是树的节点。操作dom也就是操作树的节点，这样子解释更加白话。

【math对象】

Math 对象用于执行数学任务。

【math语法】

var x = Math.PI; // 返回PI

var y = Math.sqrt(16); // 返回16的平方根

【js修改css属性】

HTML DOM 允许 Js 更改 HTML 元素的样式。

【改样式语法】

document.getElementById(id).style.property = new style

【使用事件】

<h1 id="id1">我的标题</h1>

<button type="button" onclick="document.getElementById('id1').style.color = 'red'">

单击我！

</button>

【js定时器】

SetInterval自动重复执行。setInterval(code,millisec,lang)。window.setInterval(expression,milliseconds);

setTimeout延期执行。setTimeout(code,millisec,lang)。window.setTimeout(expression,milliseconds);

setInterval("function",time) 设置一个超时对象。setTimeout("function",time) 设置一个超时对象。

clearInterval(对象) 清除已设置的setInterval对象。clearTimeout(对象) 清除已设置的setTimeout对象。

【js断点调试】

打开浏览器，打开sources找到js文件，在行号上点一下罢了