浏览器分类
1.以谷歌浏览器webkit内核为主（V8引擎）
- 谷歌浏览器 Chrome
- 苹果浏览器 Safari
- 国产浏览器
- 360普通浏览器
- 360极速浏览器
- 猎豹浏览器
- 搜狗浏览器
- QQ浏览器
- UC浏览器
- ... 欧朋浏览器 Opera （v14版本时候）
2.Gecko内核
- 火狐浏览器 Firefox
3.Trident内核
- IE浏览器
- IE6~8
- IE9~IE11
- IE Edge
开发者工具
打开开发者工具：F12 / FN+F12 （再或者浏览器页面 -> 右键 ->检查）
- Elements 包含了当前页面中所有的结构和样式，基于它可以快速查看和调整页面的样式和结构等
- Console 控制台，在JS中，我们可以向控制台输出一些内容，来进行项目的调试；如果项目程序出现问题，也可以在控制台查看报错信息；也可以在控制台编写代码，做一些测试...
- Network 包含了当前页面所有向服务器发送的HTTP请求信息，一般用于前后端数据交互中的BUG调试以及页面中的性能优化
- Sources 包含了当前项目的原代码
- Application 可以看到本地存储的信息(Cookie/LocalStorage/SessionStorage...)以及当前网站中所有加载的图片等信息（抓取一些图片下来）
- ...
- 开启手机模拟器 Toggle Device Toolbar
职业习惯：打开浏览器页面，第一步就是F12打开控制台
===================================
Web页面由：
- HTML 搭建页面结构
- CSS 编写页面样式
- JS 完成人机交互效果
- 基本的人机交互效果
- 页面中具体效果的实现
- 页面中动态数据的获取和绑定
- 可能会操作浏览器的一些功能
- ...
=> JS是用来操作DOM和操作浏览器的
js 做客户端语言：
按照相关的js语法，去操作页面中的元素，有事还要操作浏览器的一些功能
- ECMAScript3/5/6...: JS的语法规范(变量、数据类型、操作语句等等)
- DOM ( document object model): 文档对象模型，提供一-些JS的属性和方法，用来操作页面中的DOM元素
- BOM (browser object model): 浏览器对象模型，提供一些JS的属性和方法，用来操作浏览器的
js中的变量variable
变量： 可变的量，在编程语言中，变量其实就是一个名字，用来存储和代表不同值的东西
//ES3
var a = 12;
console.log(a) //=>输出的是a代表的值
//ES6
let b = 100;
b = 200;
const c = 1000;
c = 2000; //=> 报错： const 创建的变量，const创建的值不能被修改（可以理解为叫常量）
// 创建函数也相当与在创建变量
function fn (){}
// 创建类也相当于创建变量
class A {}
// ES6模块导入也可以创建变量
import B from './B.js'
// Symbo创建唯一值
let n = Symbol(100);
let m = Symbol(100);
n == m //=>false
JS中的命名规范
- 严格区分大小写
let Test = 100;
console.log(test); //=>无法输出，因为第一个字母小写了
- 使用数字、字母、下划线、$,数字不能作为开头
let $box; //=> 一般用JQ获取的以$开头
let _box; //=> 一般公共变量都是_开头
let 1box; //=> 不可以，但是可以写box1
- 使用驼峰命名法： 首字母小写，其余每一个有意义单词的首字母都要大写（命名尽可能语义化明显，使用英文单词）
let studentInformation;
let studentInfo;
//常用的缩小： add/insert/create/new(新增)、update(修改)、delete/del/remove/rm(删除)、sel/select/query/get(查询)、info(信息)
//不正确的写法
let xueshengInfo;
let xushengxinxi;
let xsxx;
- 不能使用关键词和保留字
当下有特殊含义的关键字，未来可能会成为关键字的叫做保留字（？）
var let const function ...
var var = 10; //=>肯定不行的
JS中常用的输出方式
- console 控制在浏览器控制台输出的
- console.log() 控制台输出日志
- console.dir() 控制台详细输出
- console.table() 把数据以表格的形式输出在控制台
- console.time()/timeEnd() 计算某一个程序消耗的时间
- console.warn() 输出警告信息
- ...
- window提示框
- alert() 提示框
- confirm() 确认取消提示框
- prompt() 在confirm的基础上多加一个原因
- 向页面指定容器中插入内容
- document.write 向页面中输入内容
- innerHTML / innerText 向页面指定容器中输入内容
- value 向页面表单元素中输入内容
- ... //=> 代码强迫症（代码洁癖）： 良好的编程习惯，极客精神
JS中常用的数据类型
- 基本数据类型
- 数字 number: 常规数字和NaN
- 字符串string: 所有用单引号，双引号，反引号（撇）包起来的都是字符串
- 布尔boolean： true/false
- 空对象指针 null
- 未定义 undefiend
- 引用数据类型
- 对象数据类型object
- {} 普通对象
- [] 数组对象
- 正则对象 /^[+-]?(\d|([1-9]\d+))(.\d+)?$/
- Math数学函数
- 日期对象
- ......
- 函数数据类型function
- 对象数据类型object
