js相关笔记（二）
1.其实很多文件都是经过压缩后改变后缀名的，如果想看被压缩的文件，你就可以改后缀为.rar，然后解压即可，如excel或者chm。
2.学习就是把没意思变成有意思。
3.日期对象 Date
◆Date() 全格式的日期字符串输出
◆new Date() 全格式的日期字符串输出
◆new Date().getDay() 返回一周中的第几天的数字 0-6之间 0是星期天
◆new Date().getDate() 返回一个月中的第几天的数字 1-31之间
◆new Date().getMonth() 返回一年中的第几月的数字 0-11 0是1月
◆new Date().getFullYear() 返回当前年的年份 四位数的年份
◆new Date().getHours() 返回当前小时
◆new Date().getMinutes() 返回当前分钟
◆new Date().getSeconds() 返回当前的秒
◆new Date().getMilliseconds() 返回当前的毫秒
4.数学对象 Math
◆ceil 向上取整数
◆floor 向下取整数
◆round 四舍五入
◆random 0-1之间的随机数
◆pow 一个数的多少次方
◆max 取多个数中的最大的一个
◆min 取多个数中的最小的一个
5.获取1-100 之间的随机数
◆ Math.round(Math.random()*99)+1
◆Math.ceil(Math.random()*99)+1
◆Math.floor(Math.random()*100)+1
6.获取一个数到一个数之间的随机数
★Math.round(Math.random()*(maxnum-minnum))+minnum;
★Math.ceil(Math.random()*(maxnum-minnum))+minnum;
★Math.floor(Math.random()*(maxnum+1-minnum))+minnum;
7.数据类型的【强制转换】
◆数字转字符串：String(number)、number.toString(radix) radix 表示进制 2 将数字转换为2进制 8 将数字转换为8进制 10 将数字转换为10进制 16 将数字转换为16进制 不写redix默认将数字转换为10进制 【(其实一共有36进制 1-9 a-z )】
◆字符串转数字: Number(string) 只能转换纯数字的字符串 、parseInt(xx,radix) 只能转换纯数字或数字开头的字符串 【只取整数】 radix的值决定了以什么进制的方式转换为十进制 2进制的方式转换为十进制 8进制的方式转换为十进制 10进制的方式转换为十进制 16进制的方式转换为十进制 不写radix的值默认是十进制的方式转换为十进制、parseFloat(xx) 只能转化纯数字或数字开头的字符串 转换失败则返回叫 NaN的默认number类型的值
★数字转换为字符串中的redix与字符串转换为数字中的redix完全相反，前者的redix是将当前数字以多少进制的方式显示为字符串，后者的redix是表示当前字符串为多少进制然后以该进制的方式转换为10进制的数字。就像是十进制的数字以不同的进制加密成字符串，然后字符串以多少进制的方式解密成十进制的数字一样。【 (其实一共有36进制 1-9 a-z) 】
◆其它类型转换为Boolean:Boolean(xx)，0、空字符串、undefined、null转换boolean值都为false，其它的值转换之后都是true
8.数据类型的隐式转换
在运算过程中，程序自动进行的类型转换。
◆当数字与纯数字符串进行运算时，除了加法运算是连接符，其它的【减法|除法|乘法|余】都会进行数据类型的隐式转换，那些纯数字字符串都会转换为数字类型的然后再进行运算。
◆当if进行判断时，括号的中的值无论是否是Boolean类型的值，非Boolean类型的值都会自动转换为Boolean类的值，0、空字符、undefined、null会转化为false，其它的都会转换为true。
9.js中的除法 会取小数的 159/100的值为1.59而不是1。
10.parseInt方法内部有调用 Math.floor方法
11.逻辑运算符
◆&&并且 当两边的判断都为true时最终结果才会为true 否则最终结果就为false
◆|| 或者 当两边的判断结果都为false时最终结果才为false 否则最终结果就为true
◆! 一般用于逻辑判断时的取反，如果结果为true，取反后就为false，如果结果为false，取反后就为true
12.等号运算符
◆= 表示赋值
◆== 表示判断内容是否相同但是不判断数据是否一致
◆=== 表示判断内容而且还会判断数据是否一致
◆！=表示判断内容是否不相同但是不会判断数据是否不一致
◆!==表示判断内容是否不相同而且会判断数据类型是否不一致
13.逗号运算符
★var dot1=13,dot2=17,str3="25",b4=true,u5=undefined,n6=null;可以这样一次性声明所有变量，因为js是弱类型的，运行时才会知道准确的数据类型，所以可以直接使用var来进行变量的集 体声明。
★var das1,das2=10,das3=15,das1=das2+das3;
也能直接进行变量的集体运算
14.三元运算符是if-else的另一种表达方式，也可以多重嵌套,(判断结果)?语句块儿1:语句块儿2;
15.纯数字的字符串用比较运算符 >、<、>=、<=、==、！=时会隐式转换为数字的，之后会用转换过的数字进行比较运算,但是遇到===绝对等于、！==绝对不等于、时会先判断类型是否一致然后再判断隐式转换后的数字【没有>==和<==】。
16.★纯数字的字符串与纯数字的字符串进行比较时，只要涉及到了 > < 时，如果纯字符串的位数不一致，那么将位数多的字符串进行截取，截取成位数少的那个字符串的位数来进行比较，比如"12">"4"值为false，因为"12"截取成一位时就是"1"了，然后"1"再和"4"进行隐式的数字转换，最后1>4 自然就是false了，而数字和纯数字字符串进行比较时并不会截取。
16.代码调试 推荐web前端调试的前端网站https://www.jianshu.com/p/b25c5b88baf5
打开浏览器的开发人员工具，选择Sources选项卡或者Console选项卡，在Sources界面中可以设置断点，可以将变量或表达式选中右键添加监视，最右侧有 七个折叠面板：
◆Watch Expressions 表示 添加监视的表达式集合区域 (自己右键添加的监视)
◆Call Stack 表示调用的堆栈数据区域 就是js函数的调用信息
◆Scope Variables 范围变量集合区域 其实就是局部变量 和全局变量等一些变量信息
◆Breakpoints 自己添加断点调试集合区域（自己设置的断点）
◆DoM Breakpoints 文档对象模型的断点调试集合区域(dom的断点)
◆XHR Breakpoints 异步请求的断点调试集合区域(异步请求的断点)
◆Event Listener Breakpoints 事件监听的断点调试集合区域(事件的断点)
★Console选项卡下的界面可以直接使用javascript脚本语言来进行调用，有用过的escape("宋体")来获取unicode码等等。
☆Elements选项卡 表示页面元素集合即html文档中的元素
☆Network选项卡 表示通过网络获取到的请求及响应的文件资源信息
☆Sources选项卡 表示资源 及当权网页的主要资源，可以在这里面进行调试及监视
☆Timeline选项卡 表示时间表，就是页面进行执行js及渲染元素时花费的时间
☆Profiles选项卡 表示cpu监控 即页面执行函数时所耗费的cpu及内存分布及泄漏还有时间等情况
☆Resources选项卡 表示来源 也就是当前浏览器的一些信息 如临时数据库还有会话信息及临时缓存和本地缓存等情况信息
☆Audits选型卡 用来分析页面性能 生成报告信息
☆Console 选项卡 可以用来执行js脚本代码和调用输出当前页面中的js变量及函数等信息
2.学习就是把没意思变成有意思。
3.日期对象 Date
◆Date() 全格式的日期字符串输出
◆new Date() 全格式的日期字符串输出
◆new Date().getDay() 返回一周中的第几天的数字 0-6之间 0是星期天
◆new Date().getDate() 返回一个月中的第几天的数字 1-31之间
◆new Date().getMonth() 返回一年中的第几月的数字 0-11 0是1月
◆new Date().getFullYear() 返回当前年的年份 四位数的年份
◆new Date().getHours() 返回当前小时
◆new Date().getMinutes() 返回当前分钟
◆new Date().getSeconds() 返回当前的秒
◆new Date().getMilliseconds() 返回当前的毫秒
4.数学对象 Math
◆ceil 向上取整数
◆floor 向下取整数
◆round 四舍五入
◆random 0-1之间的随机数
◆pow 一个数的多少次方
◆max 取多个数中的最大的一个
◆min 取多个数中的最小的一个
5.获取1-100 之间的随机数
◆ Math.round(Math.random()*99)+1
◆Math.ceil(Math.random()*99)+1
◆Math.floor(Math.random()*100)+1
6.获取一个数到一个数之间的随机数
★Math.round(Math.random()*(maxnum-minnum))+minnum;
★Math.ceil(Math.random()*(maxnum-minnum))+minnum;
★Math.floor(Math.random()*(maxnum+1-minnum))+minnum;
7.数据类型的【强制转换】
◆数字转字符串：String(number)、number.toString(radix) radix 表示进制 2 将数字转换为2进制 8 将数字转换为8进制 10 将数字转换为10进制 16 将数字转换为16进制 不写redix默认将数字转换为10进制 【(其实一共有36进制 1-9 a-z )】
◆字符串转数字: Number(string) 只能转换纯数字的字符串 、parseInt(xx,radix) 只能转换纯数字或数字开头的字符串 【只取整数】 radix的值决定了以什么进制的方式转换为十进制 2进制的方式转换为十进制 8进制的方式转换为十进制 10进制的方式转换为十进制 16进制的方式转换为十进制 不写radix的值默认是十进制的方式转换为十进制、parseFloat(xx) 只能转化纯数字或数字开头的字符串 转换失败则返回叫 NaN的默认number类型的值
★数字转换为字符串中的redix与字符串转换为数字中的redix完全相反，前者的redix是将当前数字以多少进制的方式显示为字符串，后者的redix是表示当前字符串为多少进制然后以该进制的方式转换为10进制的数字。就像是十进制的数字以不同的进制加密成字符串，然后字符串以多少进制的方式解密成十进制的数字一样。【 (其实一共有36进制 1-9 a-z) 】
◆其它类型转换为Boolean:Boolean(xx)，0、空字符串、undefined、null转换boolean值都为false，其它的值转换之后都是true
8.数据类型的隐式转换
在运算过程中，程序自动进行的类型转换。
◆当数字与纯数字符串进行运算时，除了加法运算是连接符，其它的【减法|除法|乘法|余】都会进行数据类型的隐式转换，那些纯数字字符串都会转换为数字类型的然后再进行运算。
◆当if进行判断时，括号的中的值无论是否是Boolean类型的值，非Boolean类型的值都会自动转换为Boolean类的值，0、空字符、undefined、null会转化为false，其它的都会转换为true。
9.js中的除法 会取小数的 159/100的值为1.59而不是1。
10.parseInt方法内部有调用 Math.floor方法
11.逻辑运算符
◆&&并且 当两边的判断都为true时最终结果才会为true 否则最终结果就为false
◆|| 或者 当两边的判断结果都为false时最终结果才为false 否则最终结果就为true
◆! 一般用于逻辑判断时的取反，如果结果为true，取反后就为false，如果结果为false，取反后就为true
12.等号运算符
◆= 表示赋值
◆== 表示判断内容是否相同但是不判断数据是否一致
◆=== 表示判断内容而且还会判断数据是否一致
◆！=表示判断内容是否不相同但是不会判断数据是否不一致
◆!==表示判断内容是否不相同而且会判断数据类型是否不一致
13.逗号运算符
★var dot1=13,dot2=17,str3="25",b4=true,u5=undefined,n6=null;可以这样一次性声明所有变量，因为js是弱类型的，运行时才会知道准确的数据类型，所以可以直接使用var来进行变量的集 体声明。
★var das1,das2=10,das3=15,das1=das2+das3;
也能直接进行变量的集体运算
14.三元运算符是if-else的另一种表达方式，也可以多重嵌套,(判断结果)?语句块儿1:语句块儿2;
15.纯数字的字符串用比较运算符 >、<、>=、<=、==、！=时会隐式转换为数字的，之后会用转换过的数字进行比较运算,但是遇到===绝对等于、！==绝对不等于、时会先判断类型是否一致然后再判断隐式转换后的数字【没有>==和<==】。
16.★纯数字的字符串与纯数字的字符串进行比较时，只要涉及到了 > < 时，如果纯字符串的位数不一致，那么将位数多的字符串进行截取，截取成位数少的那个字符串的位数来进行比较，比如"12">"4"值为false，因为"12"截取成一位时就是"1"了，然后"1"再和"4"进行隐式的数字转换，最后1>4 自然就是false了，而数字和纯数字字符串进行比较时并不会截取。
16.代码调试 推荐web前端调试的前端网站https://www.jianshu.com/p/b25c5b88baf5
打开浏览器的开发人员工具，选择Sources选项卡或者Console选项卡，在Sources界面中可以设置断点，可以将变量或表达式选中右键添加监视，最右侧有 七个折叠面板：
◆Watch Expressions 表示 添加监视的表达式集合区域 (自己右键添加的监视)
◆Call Stack 表示调用的堆栈数据区域 就是js函数的调用信息
◆Scope Variables 范围变量集合区域 其实就是局部变量 和全局变量等一些变量信息
◆Breakpoints 自己添加断点调试集合区域（自己设置的断点）
◆DoM Breakpoints 文档对象模型的断点调试集合区域(dom的断点)
◆XHR Breakpoints 异步请求的断点调试集合区域(异步请求的断点)
◆Event Listener Breakpoints 事件监听的断点调试集合区域(事件的断点)
★Console选项卡下的界面可以直接使用javascript脚本语言来进行调用，有用过的escape("宋体")来获取unicode码等等。
☆Elements选项卡 表示页面元素集合即html文档中的元素
☆Network选项卡 表示通过网络获取到的请求及响应的文件资源信息
☆Sources选项卡 表示资源 及当权网页的主要资源，可以在这里面进行调试及监视
☆Timeline选项卡 表示时间表，就是页面进行执行js及渲染元素时花费的时间
☆Profiles选项卡 表示cpu监控 即页面执行函数时所耗费的cpu及内存分布及泄漏还有时间等情况
☆Resources选项卡 表示来源 也就是当前浏览器的一些信息 如临时数据库还有会话信息及临时缓存和本地缓存等情况信息
☆Audits选型卡 用来分析页面性能 生成报告信息
☆Console 选项卡 可以用来执行js脚本代码和调用输出当前页面中的js变量及函数等信息
