js基础知识

Posted 2022-04-16 wjgbok

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