vue使用之前端基本基础（三）

JS

• 前段三要素， HTML（描述网页内容）；css（描述样式）js（控制网页行为）。

• js又分为ECMAScript 和DOM。其中它的基本特性都在ECMScript中。DOM主要定义如何修改文档结构（HTML等）。

• js对小大小写敏感，并且使用的是Unicode字符集。

• JS的语句时向浏览器发送指令

• JS语法

• 1.0 js中数据的输出

  • window.alert() 弹出警告框
  • document.write() 将内容写到HTML文档中
  • innerHTML 写入到HTML元素
  • console.log() 写入到浏览器的控制台

• 2.0 数据类型

  • 值类型 ：存储在栈中存储变量的值

    • number
    • String 可以通过索引位置访问字符，也可以使用 + 将两个字符串拼接
    • Boolean

  • 引用数据类型在栈中保存的是所引用内容存储在堆中的值。针对的值其实就是地址。

    • Array
    • object（对象）>>> 定义一个对象。 对象也是一个变量，但是是一个包含多个变量的值。而且js中的对象是以类似于Python中的字典，是以键值对的形式存在。

    var person {
           
    			firstName:"John",
    			lastName:"Doe",
    			id : 5566,
    		    fullName : function()    // 创建对象方法
    			{
           
    		       return this.firstName + " " + this.lastName;
    		    }
    	};
    			// 访问对象属性
    person.lastNmae 或者  person["lastName"]
    document.getElementById("demo").innerHTML = person.fullName();    // 调用方法
    

    • Function（函数） 定义一个函数时必须使用关键字**function
      • 若在声明时，函数没有函数名称,name就是匿名函数 function my(a, b) { return a*b)}，通常使用变量名调用。
      • 变量， 在检索中使用关键字 var定义一个或多个变量（局部）。若需要改变变量的数据类型，可以使用关键字**new**进行声明。如果变量在函数内没有声明（没有使用 var 关键字），该变量为全局变量。
      • 变量命名：

         - var _name = null;
        	var $name = null;
        	var name0 = null;
        

      • 函数参数
        • 显式参数：在定义函数时列出， 不需要指定数据类型（对象传递）。
        • 隐式参数 ：在函数调用时传递给函数的真正值（值传递）。
        • arguments： 是js的内置对象，包含函数调用的参数数组。
          • length 实参个数
          • 0…arguments.length-1 实参属性名称
          • callee 函数本身
      • 闭包
        • 在JS中私有变量可以使用闭包或者进行封装时。
        • 由函数和与其相关的引用环境组合而成

        • var pdd = (function () {
                       
              var  con = 0;
              return function () {
                       
                  return xon += 1;
              }
           })();</