JS基本语法

1.前端开发的基本介绍及前端开发的核心

数据渲染

用户体验

性能优化

2.javascript基本介绍及发展趋势

JavaScript 诞生于 1995 年。布兰登·艾奇（Brendan Eich）开发。

JavaScript是一种轻量级、解释型的Web开发脚本语言

3.一个完整的JavaScript 由三个不同的部分组成：

核心（ECMAScript）：描述了该语言的语法和基本对象（es5/es6）。

文档对象模型（DOM）：描述处理网页内容的方法和接口。

浏览器对象模型（BOM）：描述与浏览器进行交互的方法和接口。

4.JavaScript的用途

嵌入动态文本于HTML页面

对浏览器事件做出响应

读写HTML元素

在数据被提交到服务器之前验证数据

检测访客的浏览器信息

控制cookies，包括创建和修改等

基于Node.js技术进行服务器端编程

5.JS和H5的关系

JS是网页脚本语言，代表网页的行为。

H5是目前最流行的HTML开发语言, 配合CSS层叠样式表，专门用于布局。

6.编写Js及如何运行Js

Html标签内部编写JavaScript代码–不推荐使用。

Html文件内部编写JavaScript代码。

通过

7. 变量的概念及基本运算

概念：所谓变量，就是特定时间用于保存特定值的一个名字而已，并且初始化后可以再次改变的量。ECMAScript 的变量是松散类型的，所谓松散类型就是可以用来保存任何类型的数据。

声明定义：使用 var 操作符（var是关键字），后面跟一个变量名（变量名是标识符）声明多个变量的时候，可以在一行或者多行操作，只要把每个变量用逗号分隔开即可，但最好分行写，可读性佳。

变量的命名规则和关键字介绍

命名规则： 数字、字母、下划线、$符号组成，其中数字不能做开头。并且变量名应做到见名知意，常用的方式有驼峰命名法，匈牙利命名法。同时变量名不能是保留字或者关键字

驼峰命名：第二个单词开始，首字母大写。

大驼峰：第一个单词的首字母大写 UserName

小驼峰：第二个单词开始首字母大写 userName / getElementById()

8.关键字和保留字

​ [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-CgxflZ2E-1588755421849)(C:\Users\Administrator\Desktop\第二阶段大纲\img\wps1.jpg)]

9.赋值、数学、关系运算符的讲解

赋值运算符 = 将等式右边的结果赋值给左边。

javascript使用“ = ”运算符来给变量或者属性赋值（最低优先级）

复合赋值操作 +=、-=、*=、/=、%= 带操作的复合赋值运算。（更快捷，更优）。

数学运算符 + - * / %

+：求和，连接字符作用（字符串和变量之间使用+号进行拼接）

%：求余数（求模）

关系运算符（结果为布尔值） <、>、<=、>=、( 相等 )、=（全等）、!=(不相等) !==（不全等）

理解=、==、===运算符之间的区别。

理解相等和恒等运算符

10.变量不同类型之间的自动、手动转换。

变量的数据类型（Undefined、Null：特殊类型）

ECMAScript 中有 5 种简单数据类型：Undefined、Null、Boolean、Number 和 String。

还有一种复杂数据类型（引用类型）——Object

检测变量类型的方法：typeof( 变量名 ) 或者 typeof 变量名

显式转换：系统强制转换或者手动转换

Number( )

String( )

Boolean( )

parseInt( )

parseFloat( )

isNaN( )

隐式转换：系统自动根据当前的符号进行转换。

+ - * / % == ++ – ! …

11.逻辑运算符：&& 与、|| 或、! 非

逻辑与(&&)操作可以应用于任何类型的操作数，而不仅仅是布尔值。在有一个操作数不是布尔值的情况下，逻辑与操作就不一定返回布尔值。逻辑与操作属于短路操作，即如果第一个操作数能够决定结果，那么就不会再对第二个操作数求值。

逻辑或(||)和逻辑与操作相似，如果有一个操作数不是布尔值，逻辑或也不一定返回布尔值，逻辑或操作符也是短路操作符。也就是说，如果第一个操作数的求值结果为true ，就不会对第二个操作数求值了。

逻辑非操作符由一个叹号（！）表示，可以应用于 ECMAScript 中的任何值。无论这个值是什么数据类型，这个操作符都会返回一个布尔值。逻辑非操作符首先会将它的操作数转换为一个布尔值，然后再对其求反。

12.一元运算符：++ 和 –

只能操作一个值的操作符叫做一元操作符，是 ECMAScript 中最简单的操作符。

前置型应该位于要操作的变量之前，先将操作数+1或者减1，再参与运算。

后置型则应该位于要操作的变量之后，先参与运算后自身再+1或者减1。

13.二进制、八进制、十进制、十六进制的简单介绍

NaN的概念及应用

当数学计算无法得到数字结果，该变量的值为NaN(not a number)

注意：因为NaN代表非数字，它不等于任何值，也不能做运算，
即使alert(NaN == NaN); 结果也是false typeof NaN ===‘number’

isNaN(num)方法，该方法判断num变量的值是否是NaN（不是一个数字）,结果是布尔值,如果num不是一个数字输出true

14.强化练习

1. 为抵抗洪水，战士连续作战89小时，编程计算共多少天零多少小时？
2. 小明要到美国旅游，可是那里的温度是以华氏度为单位记录的。它需要一个程序将华氏温度（80度）转换为摄氏度，并以华氏度和摄氏度为单位分别显示该温度。
   提示：摄氏度与华氏度的转换公式为：摄氏度 = 5/9.0*(华氏度-32)保留3位小数–toFixed(3)
3. var k=0; console.log(k++ + ++k +k +k++);
4. 输入一个五位数，分别输出个十百千万位；
5. 扩展练习：计算两个文本框的和。

15.知名博客和学习网站

阮一峰 http://www.ruanyifeng.com/home.html

廖雪峰 https://www.liaoxuefeng.com/

csdn https://www.csdn.net/

伯乐在线 http://www.jobbole.com/

蚂蚁部落 http://www.softwhy.com/

前端开发博客 http://caibaojian.com/

张鑫的博客 http://www.zhangxinxu.com/life/about/

张鑫旭-鑫空间-鑫生活 https://www.zhangxinxu.com/