web页面
- HTML 页面结构
- CSS 样式
- JS 交互效果
- 交互效果实现
- 数据获取、绑定
- 浏览器操作
js的三部分组成
- ECMAScript（ES3 ES5 / ES6～9 ）定义语法规范：变量、数据值、操作语句、内存管理 等
- DOM 文档对象模型，可以操作页面 DOM 元素的属性和方法
- vue、react 的出现，让我们只操作 数据，框架操作 DOM
- BOM 浏览器对象模型，可以操作浏览器的属性和方法
变量
变量：可变的量（存储的值是可变的），设置一个变量名，代表和指向某一个具体的值
1.js中创建变量的方式
- ES3：var 变量
- ES6：let 变量、const 常量
- function 创建函数
- class 创建类
- import、require 基于ES6 Module或CommonJs规范导入模块
var n = 10; // 创建变量 n，指向具体值 10
var m; // 创建变量 m，没有指向任何值，默认指向 undefined
let a = 100; // 100
a = 200; // 200
const b = 100; // 100
b = 200; // Uncaught TypeError: Assignment to constant
// 创建一个变量 func，指向这个函数
function func(){}
// 创建一个变量 Parent，指向这个类
class Parent {}
// 定义一个 axios 的变量，指向导入的这个模块
import axios from 'axios'
let axios = require('axios')
2.变量的命名规范
- 严格区分大小写
- 驼峰命名法
- 使用 $ 、 _ 、 英文字母 、 数字（数字不能作为开头）
- 不能使用 关键字、保留字
// 常见词组
add、insert、create // 新增、插入、删除
del、delete、remove // 删除、移除
update // 更新
select、query、get // 查询、获取
info // 信息
