提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档
前言
这里可以学习数据的转换，运算符和表达式，各种运算（主要短路和三目可以简化if操作）
如何创建和使用函数，变量的作用域。循环结构（while ,do...while ,for(主要使用这个)）；
数组的API，字符串的API以及栈和队列。
一、数据类型转换有哪些？
显式转换：程序员主动调用函数完成的类型的转换：
1、转字符串：2个
1、xx.toString();//xx不能是undefined和null，报错，两者不能使用.去操作
2、String(xx);//万能的，没用：完全等效于隐式转换，还不如+""
一般来说两个都不用，页面上获取到的数据都是字符串
2、（重点）转数字：3个
1、字符串 to 数字：parseInt/Float(str);
从左向右，依次读取每个字符，碰到非数字字符就停止转换，如果一开始就不认识，则为NaN
Int不认识小数点，Float认识第一个小数点
2、Number(xx);//万能的，没用：完全等效于隐式转换，还不如-0 *1 /1 %1
3、转布尔：1个
Boolean(xx);//万能的，没用：还不如!!x
只有这、6个为false：0，""，undefined，null，NaN，false，其余都为true
一定不会手动使用此方法，但是在某些地方会自动带有此方法：
1、分支条件
2、循环条件
以后不管我在分支条件和循环条件之中写的是什么，只需要管为true还是false
隐式转换：一般都出现在运算符和表达式中
二、运算符和表达式
1.算术运算符：+ - * / %
隐式转换：默认转为数字，再运算
特殊：1、+运算，只要碰上一个字符串，两边都会悄悄的转为字符串（悄悄调用了一个方法，我们程序员看不见String()），再拼接
2、- * / %，只要是纯数字组成字符串，也可以转为数字（悄悄调用了一个方法，我们程序员看不见Number()）
2.比较/关系运算符：> < >= <= == != === !==
返回的结果：布尔值：true、false
隐式转换：默认一切都转为数字，再比较大小
特殊：1、如果参与比较【两个都是字符串】，按位pk每个字符的十六进制unicode号（十进制ASCII码）
0-9<A-Z<a-z<汉字
建议记忆：汉字第一个字：一：4e00(ascii码：19968)
最后一个字：龥：9fa5(ascii码：40869)
2、NaN，参与任何比较运算结果都为false，解决：!isNaN(x)
x是一个数字，结果true
x是一个NaN，结果就为false
3、undefined==null;
问题：null==undefined结果为true，区分不开undefined和null
解决：全等===：数值相同 并且 数据类型也要相同，换句话说，不再带有隐式转换
!==：不带隐式转换的不等比较
//String()的执行原理：任何东西都可以转为字符串
function String(x){
if(x===null){
console.log("null");
}else if(x===undefined){
console.log("undefined");
}else{
console.log(x.toString());
}
}
3.逻辑运算符：&& 、||、!
&&：全部条件都为true，结果才为true
只要有一个为false，结果就为false
||：全部条件都为false，结果才为false
只要有一个为true，结果就为true
!：颠倒bool值
特殊：***短路逻辑：只要前一个条件已经可以得出最终结论，则后续条件不会再执行
&&：如果前一个条件满足，则后一个操作才执行，如果前一个条件不满足，则后一个操作不执行
实现了一个【简单】的分支：目的：简化if(){}，操作只能【用一句话】
语法：条件&&(操作);
举例：if(total>=500){total*=0.8}
total>=500&&(total*=0.8)
||：两个值中二选一
4.位运算：>> 、<<
左移：m<<n，读作m左移了n位，m*2的n次方 - 缺点：底数只能是2
右移：m>>n，读作m右移了n位，m/2的n次方 - 缺点：底数只能是2
5.赋值运算：+= -= *= /= %= ++ --
左移：m<<n，读作m左移了n位，m*2的n次方 - 缺点：底数只能是2
右移：m>>n，读作m右移了n位，m/2的n次方 - 缺点：底数只能是2
6.三目运算 - 简化if...else if...else if...else
左移：m<<n，读作m左移了n位，m*2的n次方 - 缺点：底数只能是2
右移：m>>n，读作m右移了n位，m/2的n次方 - 缺点：底数只能是2
如何使用：
1、条件?操作1:默认操作;
2、条件1?操作1:条件2?操作2:条件3?操作3:默认操作;
特殊：
1、只能完成【简单】的分支 - 操作只能有一句话，其实以后很多分支里面可能真的就只有一句话
2、默认操作不能省略 - 会报错
扩展：
1、计算器很笨，牛逼在他的计算速度快 和 记忆力强 --- 硬盘（固态硬盘（不开机、只能保存10年数据）和机械硬盘）
计算时会带有摄入误差：解决：var str=num.toFixed(保留小数位数); - 按小数位四舍五入，但是返回的会是一个字符串
2、获取第一个字的ascii码：var ascii=str.charCodeAt(0);
7.自定义函数：
函数是一段提前被定义好的，可以反复使用的代码段
1、如何使用：2步
1、创建/定义/声明函数&返回结果：2种
1、*声明方式：用function关键字进行声明 - 并不是人人都有声明方式，只有个别人才有，而且声明方式一定是最简单的
只有3个人具有声明方式：变量、常量、函数，其余人最简单的方式也是直接量
function 函数名(形参,...){
函数体
return 返回值;
}
2、直接量方式：
var 函数名=function(形参,...){
函数体
return 返回值;
}
函数名其实也是一个变量名
2、调用函数&接住结果
var result=函数名(实参,...);
解释：return：本意退出函数，但是如果后面跟着一个数据，则可以将数据返回到全局作用域中，但是仅负责返回，不负责保存，所以我们需要自己创建一个变量接住函数调用的结果
return只能写一次，而且最好写在函数体的后面
何时使用：并不是任何时候都需要加return：
1、全局想要使用局部的
2、调用完函数还希望拿到函数的结果在后续还要做操作时
3、如果没有return，其实也有默认返回值undefined
作用域：2个
1、全局作用域：全局变量 和 全局函数，在任何位置都可以访问/使用
2、函数/局部作用域：局部变量 和 局部函数，只能在当前【函数调用时内部可用】
有了作用域才有变量的使用规则：
优先使用自己的，自己没有找全局，全局都没有报错
强烈建议：千万不要对未声明的变量直接赋值，导致全局污染
所有的变量在使用之前都一定要先var，不能对着没有var变量直接赋值
哪些属于局部变量：2部分
1、直接在函数作用域中创建的变量
2、形参
问题：全局无法使用局部的？不符合现实生活
解决：看上面 - 创建函数部分
声明提前
在程序执行之前
悄悄将var声明的变量和function【声明】的函数
集中提前到当前作用域的顶部
但是赋值留在原地
变量比函数更轻
我们程序员是看不见的，但是会悄悄执行的
注意：只会在鄙视题遇到：自己写代码开发时绝对不会遇到
1、你写代码的时候尽量要先创建后使用
2、你写代码的时候尽量不要出现重复的名字
鄙视：如果你看到先试用后创建，多半都是考你声明提前
按值传递：两个变量之间进行赋值
1、如果传递的是原始类型的值：两个变量之间赋值，做操作，互不影响的 - 其实是复制了一个副本给对方
2、如果传递的是引用类型的对象：Array、Function
两个变量之间赋值，做操作，是会相互影响的 - 因为两个用的是同一个地址值
函数之所以能有5颗星：考点太多太多？
1、创建函数的方式 - 3种？
2、作用域带来了什么？变量的使用规则
3、声明提前
4、按值传递
5、重载
6、闭包
预定义的全局函数
1、前辈们（实现浏览器的程序员们）提前定义好，我们可以直接在任何位置使用的函数：
1、编码和解码：
问题1：url网址中不允许出现多字节字符，如果出现会导致乱码（没人看得懂）
utf-8编码格式下，一个汉字占3字节
解决：前端工程师需要将用户输入的网址中的中文编码为单字节字符，后端工程师接住前端传来的东西解码为原文
编码：var code=encodeURIComponent("str");
解码：var 原文=decodeURIComponent(code);
以前有用，现在没用：随着浏览器的不断升级，浏览器现在自带此功能
拿来玩玩一个低级的悄悄话
2、isFinite(num)：判断num是不是在有效范围之内
三种情况会为false：分母为0，NaN，Infinity
3、重要的：parseInt/Float()、eval()、isNaN()
分支结构：根据条件的不同，执行不同的操作
if...else结构
switch...case结构
语法：
switch(变量/表达式){
case 值1:
操作1;
break;
case 值2:
操作2;
break;
default:
默认操作;
}
注意：
1、默认只要满足一条路，会把后面所有的操作全都做完，解决：break：一般放在操作的后面，但是：1、最后default不需要加break, 2、如果连续的多个操作是一样的效果，也可以省略中间部分
2、不带有隐式转换
3、default可以省略不写
if vs switch：
switch：优点：效率相对较高，因为不需要做任何范围判断
缺点：不能实现范围判断，必须要知道用户有可能输入的结果是什么才能使用
if ：优点：实现范围判断
缺点：效率相对较低
个人建议：js优化，尽量的将if 优化为：三目、短路、switch
API的学习（重点）
*****Array API：
6、排序：两种方式：
1、鄙视题：冒泡排序：把数组中的每一个数字取出来，前一个和后一个进行比较，如果前一个>后一个，两者就要交换位置：
公式：
var arr=[13,25,4,3675,12,23,3,215,2,1,42,4,65,473,2431,123];
for(var j=0;j<arr.length-1;j++){
for(var i=0;i<arr.length-(j+1);i++){
if(arr[i]>arr[i+1]){
var m=arr[i];
arr[i]=arr[i+1];
arr[i+1]=m;
}
}
}
console.log(arr);
2、正式开发中：数组API提供的排序
arr.sort();
特殊：1、默认按照字符串按位PK每个字符的unicode号排序
2、按照数字排序：
arr.sort(function(a,b){//回调函数：不需要我们程序员调用的函数：悄悄的带有循环，提供了两个形参：a是后一个数，b是前一个数
return a-b;
})
//return a-b：如果a>b，返回是一个正数
// 如果a<b，返回是一个负数
// 如果a==b，返回是一个0，sort根据你反复的结果，来判断两者要不要交换位置
3、降序排列：
arr.sort(function(a,b){//回调函数：不需要我们程序员调用的函数：悄悄的带有循环，提供了两个形参：a是后一个数，b是前一个数
return b-a;
})
强调：JS中只有数组可以排序，以后我们见到网页上任何具有排序功能的案例，底层一定都是一个数组
7、栈和队列：4个API：添加元素和删除元素的新方式
栈：一端封闭，只能从另一端进出的操作
开头进：arr.unshift(值1,...);
开头出：var first=arr.shift();//一次只能删掉一个，并且会返回删除的元素
缺点：每一次进出都会修改其他人的下标
结尾进：arr.push(值1,...);
结尾出：var last=arr.pop();//一次只能删掉一个，并且会返回删除的元素
优点：不会影响到其他元素的下标
队列：只能从一端进入，另一端出：
开头进：arr.unshift(值1,...);
结尾出：var last=arr.pop();//一次只能删掉一个，并且会返回删除的元素
结尾进：arr.push(值1,...);
开头出：var first=arr.shift();//一次只能删掉一个，并且会返回删除的元素
上午的练习：
0、冒泡排序和API排序使用
1、最low的轮播 - 页面上只有一张图片，想做动画都做不了（可以用于：广告位）
扩展：
1、定时器
开启定时器：
timer=setInterval(function(){
操作
},间隔毫秒数)
关闭定时器：
clearInterval(timer);
2、鼠标移入：onmouseover
3、鼠标移除：onmouseout
2、二维数组：数组中的值再次引用了一个数组
何时使用：在一个数组内在此细分内容
1、创建：
var arr=[
["张三丰",128,3500],
["张翠山",30,4500],
["张无忌",18,5500]
];
2、访问：arr[r][c];
特殊：面试中：
列下标越界：返回undefined
行下标越界：报错：undefined不能使用[]
3、遍历二维数组：必然需要两个循环嵌套：外层循环控制行，内层循环控制列
for(var r=0;r<arr.length;r++){
for(var c=0;c<arr[r].length;c++){
console.log(arr[r][c]);
}
}
3、*****String的概念：明天我们就可以学习String API - 概念很重要
string：字符串：多个字符组成的【只读】字符【数组】
1、为什么字符串也可以叫数组呢？
和数组有共同点：
1、支持下标 - 获取某个字符
2、支持length - 字符的长度
3、遍历
4、数组不修改原数组的API，字符串也可以使用（concat、slice）
不同点：数组修改原数组的API，字符串都不可以使用，但是字符串也有很多属于自己的API（明天）
2、只读：字符串中的所有的API都不会修改原字符串，只会返回新字符串
3、***引用类型的对象：11个
String（字符串） Number（数字） Boolean（布尔） - 具有包装类型
Array（数组） Function（函数） Math（数学） Date（日期） RegExp（正则） Error（错误） Object（面向对象）
Global - 全局对象：在浏览器端被window对象给代替了：window对象可以省略不写出来
包装类型：将原始类型的值变为一个引用类型的对象
为什么：前辈们发现字符串/数字/布尔经常都会被拿来使用，所以提前提供了包装类型封装为一个引用类型的对象，提供我们一些属性和方法（便于程序员操作）
何时使用：只要在你试图用原始类型的值去调用属性或者方法时，会自动套上包装类型
何时释放：属性或方法调用完毕后，包装类型自动释放
为什么undefined和null不能使用.：不具有包装类型，没有任何的属性和方法
淡入淡出轮播图的js
<script type="text/javascript">
var btns = document.getElementsByTagName("button"),
imgs = document.getElementsByTagName("img"), //[img,img,img,img]
lis = document.getElementsByTagName("li"), //[li,li,li]
j = 0;
for(var i in btns) {
btns[i].onclick = function() {
if(this.innerText == ">") {
animate(1)
} else {
animate(-1)
}
}
}
for(var i in lis) {
lis[i].onclick = function() {
animate(0, this)
}
}
timer = setInterval(function() {
animate(1);
}, 1000)
carousel.onmouseover = function() {
clearInterval(timer);
}
carousel.onmouseout = function() {
timer = setInterval(function() {
animate(1);
}, 1000)
}function animate(num, li) {
if(num) {
j += num; //2
if(j == lis.length) {
j = 0
} else if(j == -1) {
j = lis.length - 1;
}
} else {
j = parseInt(li.getAttribute("dy"));
}
for(var i = 0; i < lis.length; i++) {
lis[i].className = "";
imgs[i].className = "";
}
imgs[j].className = "active";
lis[j].className = "active";
}
</script>
字符数组：字符串的任何API都不会修改原字符串，保存新字符串
String API：(非常重要)
1、转字符串：\
作用：3个
1、字符串中如果出现了和字符串冲突的符号，可用\将其转义为原文
\" \'
2、特殊功能：
换行：\n
制表符：\t
3、*可以书写unicode号 表示一个字
\uXXXX
汉字的第一个字：4e00
汉字的最后一个字：9fa5
2、*转换大小写：【统一的】转为大写或小写，再比较，忽略大小写：- 验证码
大写：var newStr=str.toUpperCase();
小写：var newStr=str.toLowerCase();
3、获取字符串中指定位置的字符的ascii码
var ascii=str.charCodeAt(i);
通过ascii码转回原文
var 原文=String.fromCharCode(ascii);
4、*检索字符串：检查索引/下标：从starti位置开始找右侧的第一个关键字的下标
作用：判断有没有
var i=str/arr.indexOf("关键字",starti);
特殊：1、starti可以省略，如果省略则从0开始
2、返回值：找到了，返回第一个字符的下标
***没找到，返回-1，其实我们根本不关心下标是几，只关心下标是不是-1，-1代表没找到，不是-1代表找到了
3、数组也可以使用此方法
4、鄙视题：找到所有关键字的位置
var str="no zuo no die no can no bibi";
var i=-1;
while((i=str.indexOf("no",i+1))!=-1){
console.log("找到了："+i);
}
5、拼接字符串：var newStr=str.concat(str1,str2...) 还不如 +运算
6、（一，三重要）截取字符串：3个
1、**var subStr=str/arr.slice(starti,endi+1);
2、var subStr=str.substring(starti,endi+1);//不支持负数参数
3、*var subStr=str.substr(starti,n);//截取的个数，不必考虑含头不含尾
7、（重点）替换字符串：需要有了正则表达式才会牛逼
var newStr=str.replace("关键字"/正则表达式,"新内容");
8、（重点）切割/分割字符串：作用：str <=> arr
var arr=str.split("自定义切割符");
特殊：
1、切割符可以自定义，切割过后返回一个数组，数组中不再包含切割符
2、如果传入的切割符是一个""，每一个字符都会被切开
扩展：创建元素并且渲染页面
1、创建空标签
var elem=document.createElement("标签名");
2、设置必要的属性或事件
elem.属性名="属性值";
elem.on事件名=function(){函数体} - 事件都可以在创建时提前绑定上
3、创建好的元素渲染到DOM树上
父元素.appendChild(elem);
总结
提示：这里对文章进行总结：
例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。
430
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
