JavaScript 基础知识 Day01
一、计算机基础知识
1、计算机数据存储单位
-
位(Bit)： 1bit 可以保存一个 0 或者 1 （最小的存储单位）
-
字节(Byte)：1B = 8b
-
千字节(KB)：1KB = 1024B
-
兆字节(MB)：1MB = 1024KB
-
吉字节(GB): 1GB = 1024MB
-
太字节(TB): 1TB = 1024GB
2、关于JavaScript
它是在1952年2月由网景开发出的一种面向过程的脚本语言，可跨平台，且支持面向对象。1997年，网景公司给欧洲计算机制造商协会（ECMA, European Computer Manufacturers Association）提了一个建议，以 JavaScript 1.1 为蓝本，由该协会主导制定了一套 JavaScript 语言开发规范。即是 ECMA 这是一个国际标准化的JavaScript。
3、html 、css和javascript的区别
HTML：结构层，提供网页的结构，提供网页的内容。
CSS：表示层，用来美化网页。
JavaScript：行为层，可以用来控制网页内容，给网页增加动态的效果，用于跟用户的交互。
4、浏览器的内核
| 浏览器 | 内核 | 备注 |
|---|---|---|
| IE | Trident | IE、Edge |
| firefox | Gecko | 这几年已经没落了，打开速度慢、升级频繁。 |
| Safari | webkit | webkit 原作者 |
| chrome | Chromium/blink | blink其实是 webkit的分支。大部分国产浏览器最新版都采用blink内核。二次开发 |
| Opera | Presto/blink | 现在跟随chrome用blink内核。 |
5、JavaScript的特点
1.JavaScript是一个脚本语言，可跨平台、支持面向对象。
2.脚本（script）简单的来书就是一条条文本的命令，按照程序流程执行。常见的脚本语言：JavaScript、VBScript、Perl、PHP、Python等。 非脚本语言：C、C++、Java、C#等。
3.几乎所有浏览器包括手机等各种移动类设备。JavaScript语言不依赖操作系统，仅需要浏览器的支持。
6、JavaScript的组成
JavaScript由ECMAScript、DOM、BOM，三部分组成
ECMAScript：JavaScript的核心
DOM：文档对象模型
BOM：浏览器对象模型
二、JS使用方法
1、行内代码
行内代码 需要在特定的条件下才可以书写，只适用于代码量比较少的时候，如果代码比较多，建议使用内部代码或写到单独的 JS 文件中。
代码示例：
<div onclick="console.log('123')"></div>2、内部代码（内嵌式）
内部代码 利用script标签将 JavaScript 代码放在 <script> 标签中 尽量写在body的最下面，
代码示例：
<script>
console.log("今天下大雨了！！！");
</script>3、外部代码（外链式）
为了让 HTML 页面和 JavaScript 脚本更好地分离，我们可以将 JavaScript单独保存在一个 .js 文件中，HTML 页面导入该 .js 文件即可。通过script标签来引入外部的JS文件 将文件路径写下src属性里面
代码示例：
<script src="./01-js使用方法.js">
console.log("今天要加班！！！！！");
</script>三、window对象方法
Window 对象表示浏览器中打开的窗口。
window提供的几个关于对话框的方法
1、警告框 只有确定按钮
代码示例：
<script>
// alert 警告弹窗 只有确定按钮
window.alert("你在干啥？？？");
alert("你在干啥？？？");
</script>2、确认框 有确认和取消按钮
代码示例：
<script>
// confirm 确认弹窗 有确认和取消按钮
window.confirm("你确认要删除吗？");
confirm("你确认要删除吗？");
</script>3、输入框 有确认和取消按钮以及输入框
代码示例：
<script>
// prompt 输入弹窗 有确认和取消按钮和输入框
window.prompt("请输入你的名字");
prompt("请输入你的名字");
</script>以上这些方法中window是可以省略不写的。
四、window对象的属性
window对象是BOM的顶层（核心）对象，其他对象都是以属性的方式添加到window对象下，称为window的子对象。
1、console.log属性
在控制台中打印输出 日志信息
代码示例：
<script>
// console.log 在控制台中打印输出 日志信息
window.console.log("打印输出");
console.log();
</script>2、console.dir();属性
打印对象里面的所有属性和方法。
代码示例：
<script>
// console.dir(); 打印对象里面的所有属性和方法
window.console.dir(window);
console.dir(window);
</script>3、document.write();属性
将内容输出到页面上。
代码示例：
<script>
//document.write 将内容输出到页面中
window.document.write("<div class='changhui' style='color:red;'>输出到页面</div>");
document.write("李海鹏哥哥真帅？？？？");
</script>五、变量的创建
1.变量的声明
var studentName;2.变量的赋值
studentName = "李四";3.变量的初始化
var studentAge = 18;4.同时声明多个变量
var studentId, studentSex;5.同时声明多个变量并初始化
var studentId = 1000,studentSex = "男";六、变量的声明提升
变量被定义之后，你可以通过变量名称读取变量的值：
var myVariable = 'Hello JavaScript';
console.log(myVariable);但是，在变量定义代码之前，通过变量名称读取变量的值，会出现什么情况呢？
console.log(myVariable); // undefined
var myVariable = 'Hello JavaScript';由于变量的声明会被提升到当前作用域的最顶端，而赋值并不会被提升，因此上面的代码输出 undefined。可以使用下面的代码解释：
var myVariable;
console.log(myVariable); // undefined
myVariable = 'Hello JavaScript';七、数据类型
1、Boolean 布尔数据类型
true 正确 1 false 错误 2
代码示例：
var boo1 = true;
var boo2 = false;
console.log(boo1);
console.log(boo2);2、Number 数据类型
包含所有数字 正数 负数 整数 小数
代码示例：
var num1 = 123;
var num2 = 123.456;
var num3 = -123.456;
var num4 = 123e5;
console.log(num1);
console.log(num2);
console.log(num3);
console.log(num4);3、String 字符串类型
包含所有字符串包括任何符号 双单本质上没有什么区别，建议单引号包裹单个字符，双引号包裹多个字符
代码示例：
var str1 = "你'和'好";
var str2 = "我";
var str3 = '"有一个帽衫"';
var str4 = '想';
console.log(str1);
console.log(str2);
console.log(str3);
console.log(str4);4、undefined 未定义数据类型
没有定义值
代码示例：
var und;
console.log(und);5、Null 空数据类型
没有值
代码示例：
var nul = null;
console.log(nul);八、总结
刚学习了JS的基础知识，JS数据类型中只有number这一个数字类型，所以number在计算的时候会保留小数，不会自动取整，需要通过另外一个方法parseInt来进行取整。
今天的总结就到这里，该吃饭喽！！！！！！！