Kevin带你飞(1): JavaScript-基础-原创手记-慕课网

本人小白，学习前端一段时间了现在把JavaScript学习的课件和心得记录下来，大神请多多指教，指出不足和错误。同小白可以亲切友好的交流。

1.什么是javaScript？

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言。

应用在网页中用来操作浏览器及网页内容的编程语言。

是一种专为与网页交互而设计的客户端脚本语言。

2.JS创始人:

Brendan Eich 布兰登·艾奇
图片描述

3-1 JavaScript的组成

图片描述

3-2 HTML在内存中是什么样的？

图片描述

4.JS代码怎么写？

使用<script type=“text/javascript”></script>标签

<script>
// somecode...
</script>

往body中添加内容
document.write(“亲，我是在在页面显示的！”);

5.javaScript和HTML的执行顺序：

Javascript和HTML代码在同一个文件中写，它们的执行顺序是从上朝下，谁在前先执行谁，一般来说，刚开始学习，没有特殊需求，javascript代码写在<head>与</head>中间，当然javascript代码写在html文件的任何地方都可以。

Javascript标签可以出现多个。

6.编辑工具和运行环境

编辑工具：写代码的工具
IDE集成开发环境（IDE，Integrated Development Environment ）
如：dreamweaver，editplus，Notepad++，Hbuilder，webstorm，sublime，netbeans，atom
Java：Eclipse，Myeclipse
c#：Visual Studio
运行环境：看结果的地方
如：IE，firefox，chrome,opera,safari（控制台）

7.javaScript注释

单行注释 //
多行注释 / /
文档注释 /* /

8.javaScript文件引入方式

<script type="text/javascript" src="demo1.js" ></script>

注意：

1、不可以使用单标

<script type="text/javascript" src="demo1.js“/ >

2、不可以在标签中写代码

<script src="demo1.js">alert('xxxx')</script>;

9.原样输出标签的内容

& lt ;    是  <  
& gt ;    是  >   
& time ;  是  ×

10.变量的定义

变量定义：
var age; //var 是关键字，age是变量名

赋值：
age = 20;

定义的同时赋值：
var age=20；

可以一次定义多个变量：
var name=“Kevin", age=24，tel=1348800***;

var str = '做人没有梦想，那就废了！';
document.write(str );

11.变量的定义

逗号运算符
逗号运算符的作用是将若干表达式连接起来

Var a=10,b=20,c=30;
表达式1，表达式2，….....表达式n

逗号表达式的求解过程是：先计算表达式1的值，再计算表达式2的值，……直到计算表达式n的值。最后整个逗号表达式的值是表达式n的值。

x=8*2,x*4            /*整个表达式的值为64，x的值为16*/ 
(x=8*2,x*4),x*2      /*整个表达式的值为128，x的值为16*/ 
x=(z=5,5*2)          /*整个表达式为赋值表达式，它的值为10，z的值为5*/ 
x=z=5,5*2            /*整个表达式为逗号表达式，它的值为10，x和z的值都为5*/

注意： + 号的大坑

//任何与字符串相+的内容，都会与字符串进行连接
var a = 10;
var str = '20';
alert(a+str); //1020

12.运算符

算术运算符（+，-, *,/,%）
字符串和变量的拼接(+)
关系运算符
<、>、<=、>=、==、===、!= !==
逻辑运算符
&& 与(且)、或、! 非
&& 有假便假
有真便真
赋值运算符a+=10;
=、+=、-=、*=、/=、%=
自增、自减
++a, a++
--a, a--

13.算术运算符

图片描述

14.类型的转换

Boolean() 对象用于将非逻辑值转换为逻辑值（true 或者 false）
Number() 将内容转化成数字（不可转化的为NaN）
String() NaN特殊的数字类型
parseInt() 丢弃小数部分，保留整数部分
parseFloat() 将字符串或者小数转化为浮点型
Math.round() 四舍五入，将数字或者字符串按四舍五入的原则转化为数字
Math.ceil() 向上取整，有小数就像整数部分加1
Math.floor() 向下取整，清除小数部分
.......更多的Math对象在后面的手记里也会给大家分享。

15.关系运算符

图片描述

16.逻辑运算符

图片描述

17.代码规范

代码缩进(JS/html)
= 号两边的空格
+号两边的空格
语句最后的 ; 号
小括号的嵌套要加空格
双引号、单引号嵌套

以上的JavaScript是最最基础的东西，后面会用到很多。有问题的童鞋随时提出来哦。

Kevin带你飞(1): JavaScript-基础原创