1 常用的浏览器
webkit内核(v8引擎)
谷歌Chrome
Safari
Opera>=14
国产浏览器
手机浏览器
Gecko
火狐Firefox
Presto
Opera <14
Trident
IE
EDGEk开始采用(其中包括chrom迷你)
2 谷歌浏览器的控制台(F12/Fn+F12)
Elements:查看结构样式,可以修改这些内容
Console:查看输出结果和报错信息,是JS调试的利器
Source:查看项目的源码
Net work:查看当前网站所有的资源的请求信息,(包括和服务器传输的HTT报文信息)加载时间等,(根据加载时间进行项目优化)
Application:查看当前网站的数据存储和资源文件(可以盗图)
3 js做客户端语言
按照相关的JS语法,去操作页面中的元素,有时还要操作浏览器里面的一些功能。
ECMAScript3/5/6 :js的语法规范(变量,数据类型,操作语句等等)
DOM(document object model )文档对象模型,提供一些JS的属性和方法,用来操作页面中的DOM元素,
BOM (browser object model):浏览器对象模型,提供一些JS的属性和方法,用来操作浏览器
4JS中的变量 variable
变量:可变的量,在编程语言中,变量其实就是一个名字,用来存储和代表不同值的东西。
// ES3 var a = 12; a = 13; console.log(a); // =>输出的是a 代表的是值是 13; // ES6 let b = 100; b = 200; const c = 200; c = 2000;// =>报错:const 创建的变量,存储的值不能被修改,(可以理解为叫做常量) // 创建函数也相当于在创建变量 function fn(){} // 创建类 也相当于创建变量 class A{} // ES6 的模块导入也可以创建变量 import B from './B/js' // Symbol创建唯一值 let m = Symbol(100); let n = Symbol(100)
5 JS中的命名规范
严格区分大小写
let Test = 100; console.log(test) // ==>w无法输出,因为第一个字母小写了
使用数字,字母,下划线 $ 数字不能作为开头
let $box;//=>一般JQ获取的以$开头 let _box; // =>y一般公共变量都是 _开头
使用驼峰命名法:首字母小写,其余每一个有意义单词的首字母都要大写(命名尽可能语义化明显,使用英文单词)
6 JS中的常用数据类型
基本数据类型
数字number
字符串string
布尔boolean
空对象指针null
未定义undefined
引用数据类型
对象数据类型object
{}普通对象
[]数组对象
正则对象
Math数学函数对象
日期对象
函数数据类型function