1 HTML中的JavaScript
js引用文件可以放在两个位置，一种是html中的head中，一种是html中的body中；放置在这两个位置，有何区别呢？
1.1 使用<script>元素的方式
1.1.1 放置在 head 中
引用example.js文件，将其放置在head中的script中；
浏览器需要将example.js文件下载完成，解析完成之后，才会开始渲染页面，这会导致刚打开页面，页面呈现空白。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style></style>
<script src="example.js"></script>
</head>
<body>
<!-- 页面内容 -->
<script></script>
</body>
</html>
1.1.2 放置在 body 中
引用example.js文件，将其放置在body中的script中；不会影响页面渲染
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style></style>
</head>
<body>
<!-- 页面内容 -->
<script src="example.js"></script>
<script></script>
</body>
</html>
1.2 行内脚本和外部脚本的区别
1.2.1 行内脚本
直接将js代码写到html文件中；（不推荐）
1.2.2 外部脚本
通过 script 标签，通过外链的形式引入；（推荐）
1.3 js不可用时，如何保证用户体验
在浏览器不支持脚本运行，或者浏览器对脚本的支持被关闭时，可以使用 <noscript>元素，<noscript>元素可以包含任何可以出现在 中的HTML元素，<script>除外；
2 语言基础
2.1 typeof 操作符
typeof操作符是用来判断数据类型的；
undefined：未定义
boolean：布尔值
string：字符串
number：数值
object：对象（不包括函数）或者 null
function：函数
symbol：符号
typeof null = 'object'
2.2 位操作符
2.2.1 什么是位？
“位”指的是操作内存中表示数据的比特（位）
2.2.2 位表示的方式
位表示的方式：以32位的整数表示，即使用32个比特位来表示一个整数。
2.2.3 按位操作
1、 按位非（将所有的0变为1，将所有的1变为0）
2、 按位与
3、按位或
4、按位异或
5、左移
6、无符号右移
7、有符号右移
- 对于正数，有符号右移会将二进制表示向右移动指定数量的位，并在左侧用零填充。
- 对于负数，有符号右移会将二进制表示向右移动指定数量的位，并在左侧用一填充。
- 无符号右移会将二进制表示向右移动指定数量的位，并在左侧用零填充，无论该值是正数还是负数。
