浏览器的组成 一.shell部分 二.内核部分 1.渲染引擎 2.JS引擎 3.其他模块  JavaScript的三个阶段 1.ECMAScript 2.DOM 3.BOM JS执行队列 javascript单线程的特点。当有多个程序要执行时，相当于将多个程序分为很多片段进行随机的排序。 主流浏览器 IE trident Chrome webkit/blink firefox Gecko Opera presto Safari webkit  js基本语法 变量  变量声明 声明、赋值分解 单-var 命名规则 1.变量名必须以英文字母、_、$开头 2.变量名可以包括英文字母、_、$、数字 3...

typeof的返回值 1.number 2.string 3.boolean 4.object (null...) 5.function 6.undefined  类型转换 1.显示类型转换   Number()  Number(null)-->0 Number(undefined)-->NaN 将括号里面的转换为数字类型，如果不是数字转换为NaN   parseInt()  将括号里面的转换为整型数字，小数点后面的直接去掉,parseInt(true).....都转换为NaN var demo = "10"; var num = parseInt(demo,1...

js运行三部曲 语法分析 预编译 解释执行  预编译前奏 1.imply global暗示全局变量:即任何变量，如果变量未经声明就赋值，此变量就为全局对象所有。 eg:a = 123; eg:var a = b = 123; 先将123赋值给b，但是b还没有声明，则b为全局对象 2.一切声明的全局变量,全是window的属性。 eg:var a = 123;==>window.a=123;  预编译 预编译的四个步骤 1.创建AO对象 2.找形参和变量声明，将变量和形参名作为AO属性名，值为undefined 3.将实参值和形参值统一 4.在函数体里面找函数声明，值赋予函数体  示例 f...

call和apply的用法 例子 function Car(color,size) {  this.color = color; this.size = size; } function SmallCar(color,size,date) {  Car.call(this,color,size); this.date = date; } var car = new SmallCar('blue',12,23);   在new的时候，SmallCar方法中的this指向car，然后通过Car.call()方法改变Car方法中的this指向，让Car方法中的this指向car，而apply的用法与...

html代码 分：<input type="text" value="0"> 秒：<input type="text" value="0"> <button>开始计时</button>  javascript代码 var input = document.getElementsByTagName('input'); var min = 0; var miao = 0; var button = document.getElementsByTagName('button...

查  <div> 123 <p></p> <a href=""></a> <strong></strong> </div>  1.查看元素节点 (1)document.getElementsByTagName(); (2)document.getElementById(); 只有部分标签name可生效(表单,表单元素,img,iframe) (3)document.getElementsByName(); (4)document.getElementsByClassName();...

1.正则表达式的两种写法  var reg = /test/i; var reg1 = new RegExp('test','i'); 其中i为正则表达式修饰符 i : 执行对大小写不敏感的匹配。(匹配时忽略大小写) g : 执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）。 m : 执行多行匹配。  2.支持正则表达式的 String 对象的方法 search:检索与正则表达式相匹配的值。 var reg = /[test]/g; var str = 'acvftst'; console.log(str.search(reg));//4  match:找到一个或多个正则表达式的匹配。 ...

1.基本选择器  ID  $('#firstList').css('border','2px solid red');   class  $('.item').css('border','2px solid red');   标签名选择器  $('li').css('background-color','green');   全局选择器  $('*').css('border','2px solid green');   组合选择器  $('li.item').css('border','2px solid red');   多个选择器  $('li,p').css('border','2px...

:first-child和:first-of-type的区别： //选择一个 是所有兄弟元素里面第一个并且是li元素 $("li:first-child").css('border','2px solid red');  //所有li兄弟元素里面的第一个 $("li:first-of-type").css('border','2px solid pink');  以下示例： <ul> <li>123</li> <li>lorem <ol> <p>loersda</p> &...

jQuery属性操作 1.属性  attr() 操作所有的属性(自定义和内置的) prop() 操作HTML元素内置属性 removeAttr() removeProp() 并不能删除HTML元素上的属性(可以删除通过prop给该元素添加的对象)  2.css类  addClass() 给元素添加一个class值 removeClass() 删除一个class值 toggleClass() 切换一个class值 hasClass() 判断是否有某个class,返回true和false  小练习：简单的切换功能  div {  width: 100px; height: 100px; backg...

变量声明 let(相当于之前的var) let注意事项:  1.没有预编译，不存在变量提升 2.在代码块内，在let定义变量之前就是用变量会报错。先定完才能使用 示例:  alert(a); let a = 15; //报错   3.同一个作用域里面，不能重复定义变量  let a = 15; let a = 14; //这样写会报错   4.for循环，for循环里面是父级作用域，{}里面又是一个作用域  let arr = []; for (let i = 0; i < 5; i++) {  arr[i] = function() {  console.log(i); } } arr...

解构赋值 几个用法示例： //解构赋值时要一一对应 //1. let [a,b,c] = [1,2,3]; console.log(a,b,c);//1,2,3 //2. let [a,[b,c]] =[12,[5, 6]]; //3. let json ={  name:'qwe', age:18, job:'student' }; let { name,age, job} = {  name:'qwe', age:18, job:'student' }; console.log(name,age,job); //4. let json ={  name:'Strive', age:18, ...

参数变化  1.函数默认参数  function show(a='456',b='123'){  console.log(a,b); } show(); //不传参数则打印默认值，如果默认值也没有则是undefined undefined //也可以穿的是一个对象 function show({ x=0,y=0}={ }){  console.log(x,y); } show();   2.函数参数默认已经定义了,不能再使用let,const再定义  function show(a=18){  let a = 101; //错误 console.log(a); } show();  扩展运算符...

数组 新增一个运算符(**) 用法: //Math.pow(2,3) 相当于 2 ** 3  for…of…   arr.keys() 数组下标  arr.entries() 数组的某一项  用法示例：  let arr = ['apple','banana','orange','tomato']; for(let val of arr){  console.log(val); } for(let index of arr.keys()){  console.log(index); } for(let item of arr.entries()){  console.log(item); } ...