自学pink前端之路

现在直接从js开始学了，h5和c3的新特性学的不多，马上毕业了专科看看在郑州能不能先找个工作

Js三部分

JS特点：

解释一句执行一句，上面报错下面不执行。

三种书写位置，

Html上，或者在代码后面，或者另外开个文件。

注释

/*代码*/

Js输入输出语句

prompt('这是一个输入框')
        console.log('这是一个f12输出');
        alert('这是一个弹出框')

变量

数值，

字符，

布尔，

isNaN 判断是非为非数字 ，NaN 非数

undefined  未定义

声明特殊情况。

只声明不赋值，结果undefined

不生命不赋值直接调用，报错，

不声明只赋值，会使用，

变量小结

        为什么需要变量， -一些数据需要保存，

        变量是申明，是一个容器，用来存放数据，方便使用

        变量的本质 使用内存里的一块空间，用来里存储数据，

        变量怎么使用，使用变量的时候，一定先声明，然后赋值， 

        什么是变量的初始化， 声明变量并赋值我们称之为变量的初始化，

        变量命名规范有哪些。不使用保留字，易混淆字符，尽量采用语义化，使用驼峰命名法，

        交换两个变量的思路， 声明三个变量，用一个变量作为中间池，用来暂时保留数据，

变量类型监测

        用typeoof

变量类型转换

        分为隐式转换和显式转换，

                隐式转换是用字符来操作的，显式转换使用方法来转换的，

变量类型转换

 

 

字符串  +   任何类型都是 字符型   隐式转换

 

 

 解释语言和翻译语言

 

编译语言，所以菜上齐才吃，解释语言，吃火锅，边吃边涮。

标识符，关键字，保留字

标识符，zhi，指开发人员为变量，属性，函数，参数取的名字。

 

运算符

 

算数运算符，

加减乘*，/除  %取余

浮点数精度问题

表达式和返回值

递增，递减，前置递增，后置递增，跟变量配合使用

比较运算符

一个等号赋值，两个等号判断，三个等号全等

逻辑运算符，

 短路运算 逻辑中断。--与运算。

1真给2，1假则给1，多个为假的也是为假的

如果有空的或者否定的为假其余是真的0'' null undefined NaN 为假

或运算

赋值运算符

运算符优先级

流程控制

 if判断。

if（表达式）{

语句

}

表达式成立，执行代码，表达式不成立，不执行，

if else

if（表达式1）{

语句1

}else{

语句2

}

表达式1成立执行，

if else if

if（表达式1）{

语句1

}else if{

语句2

}else{

语句3

}

三元表达式

表达式？表达式1：表达式2

执行思路。

如果表达式为真，则返回表达式1的值，如果表达式结果为假，则返回 表达式2的值

switch

switch（表达式）{

case value1：

执行语句1；

break；

case value2：

执行语句2；

break；

default：

执行最后的语句；

}

执行思路， 利用表达式的值，和case后面的选项值匹配上，才执行，没匹配上执行default

Switch 细节：

1开发过程中，表达式经常写变量

2num值和case 里面的值匹配的试试全等，值，数据类型都相同， num === 1

3break 如果当前cease里面没有break 则不会退出执行下一个case

switch和if else if 语句

一般 他们两个语句可以相互转换

switch 。。cese 语句通常处理case比较确定值得情况，而if else 更加灵活，判断某个范围。

sw语句进行条件判断后直接执行到程序的条件语句，效率更高，而if 有几种条件就得判断多少次

分支少，if 执行效率比sw 语句高

分支比较多，sw执行效率高，而且结构更清晰，

循环

重复执行某段代码。

种类：

for循环

for（初始表达式；条件表达式；操作表达式）{

循环体

}

while 循环

do..while 循环

for循环：

初始变量就是一个普通变量， 用来计数器的使用，

条件表达式，用来决定每一次循环是否执行，就是终止的条件，

操作表达式，每次循环最后执行，用于更新 计数器变量的，

断电调试：

F12 》》 sources 》》 找到要调试的文件，》》在某一行设置断点，

Watch 监视，通过它可以监视变量的变化，

双重for循环

for（外层初始变量；外条件表达；外操作表达）{

for（内层初始变量；内层的条件变量；内层的操作表达式）{

执行语句

}

}

外面循环一次，里面循环全部，

while循环

while 循环    while当。。。的时候

while（条件表达式）{

循环体

}

换行思路， 当条件表达式结果为true 则执行，否则不执行

循环里应该有-计数器，初始化变量。

也有操作表达式，完成计数器的更新，防止死循环，

 var s = prompt('你爱我吗');
        while (s !=="我爱你"){
            s = prompt('你爱我吗');
        }
        alert("我也爱你")

当条件成立，则不执行，否则就执行

条件满足跳出循环

当达成这个才不执行，否则全执行？？？？

do  while  循环

先执行一次，在判断，最少执行一次，

do{

表达式

}while（条件）

continue 关键字

退出当前次循环，继续执行下一次循环

break关键字

跳出整个循环

标识符命名规范

变量，函数的命名必须要有意义

变量一般用名词，函数一般用动词

操作符

每个加个空格，一般用空格隔开

数组

一组数据的集合，每个数据被叫做元素，可以存放任意类型。

创建数组

var arr = new Array();

利用字面量（中括号）创建数组

var 数组名= [ ];

var 数组名 = [ ‘小明’ , ’xiali’];

用逗号分割， 数据称为数组元素，

访问

索引 从0开始，

arr[3]    访问第四个元素。

数组名  第四个元素

无元素，输出undefined

数组长度   数组名.length

遍历数组，

var s = '';

        var arr = ['刘备', '孙权', '张飞', '赵云']

        for (var i = 0; i < +arr.length; i++) {

            s = arr[i]

            console.log(s);

        }

数组新增元素

修改length长度，

数组名.length=数值，

新增数组元素

        新增的元素要是加到没有元素的地方，就是新增，否则就是替换

        

var arr = ['1', '2', '3']
        arr[3] = '4';
        console.log(arr[3]); // 这个输出是4 索引为3

        arr[1] = red;
        console.log(arr[0]); //这个输出是red  而不是原本 的 '1'  替换了，
        //现在是改变数组长度 length
        arr.length = 5;
        console.log(arr); //后面没有赋值的就是undefined