- webkit 内核( V8引擎 ) + 谷歌Chrome + Safari + Opera >=14 + 国产浏览器 + 手机浏览器 + ...
- Gecko + 火狐Firefox
- Presto + opera <V14
- Trident + IE + IE EDGE 开始采用双内核 ( 其中包含chrome 迷你 )
谷歌浏览器的控制台 ( F12/Fn+12/ctrl+shift+I )
- Elements : 查看结构样式 ,可以修改这些内容
- Console : 查看输出结果和报错信息 ，是JS调试的利器
- Sources : 查看项目源码
- NetWork : 查看当前网站所有资源的请求信息 ( 包括和服务器传输的报文信息 ) 、加载时间等 ( 根据加载时间进行项目优化 )
- Application : 查看当前网站的数据存储和资源文件 ( 可以盗图 )
JS做客户端语言
按照相关的JS语法 , 去操作页面中的元素 , 有时还要操作浏览器里面的一些功能
- ECMAScript/3/5/6 ... : JS的语法规范 ( 变量 、数据类型、操作语句等等 )
- DOM ( document object model ) : 文档对象模型 , 提供一些JS的属性和方法 , 用来操作页面中的DOM元素
- BOM ( brower object model ) : 浏览器对象模型 , 提供一些JS的属性和方法 , 用来操作浏览器的
JS中的变量 ( variable )
变量 : 可变的量 , 在编程语言中 , 变量其实就是一个名字 , 用来存储和代表不同值的东西
//ES3
var a = 12;
a=13;
console.log(a); //=>输出的a代表的值12
var 马德路 = 躯体
//ES6
let b = 100;
b=200;
const c = 1000;
c=2000; //=> 报错 CONST创建的变量,存储的值不能被修改(可以理解为常量)
Uncaught SyntaxError: Identifier 'c' has already been declared
//创建函数也相当于在创建变量
function fn(){}
//创建类也相当于创建变量
class A {}
//ES6的模块导入也可以创建变量
import B from './B.js';
//Symbol 创建唯一值
let n = Symbol(100);
let m = Symbol(100);
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/rm
sel/select/query/get(查询)、info(信息) ...
//不正确的写法
let xueshengInfo;
let xueshengxinxi;
let xsxx;
- 不能使用关键字和保留字
当下有特殊含义的是关键字, 未来可能会成为关键字的叫保留字(?)
var let const function ...
var var = 10; //=>肯定不行的
//=> 代码强迫症 (代码洁癖) : 良好的编程习惯 、极客精神
JS中常用的数据类型
- 基本数据类型 + 数字 number 常规数字和NAN + 字符串 String 所有用单引号、双引号、( 撇 ) 包起来的都是字符串 + 布尔 Boolean true/false + null 空对象指针 + 未定义 undefined
- 引用数据类型 + 对象数据类型 object + {} 普通对象 + [] 数组对象 + /^ [+ -]?(\d|[1-9]\d+)) (.\d+)?$/ 正则对象 + Math 数学函数对象 + 日期对象 + ... + 函数数据类型 function
