学习vue之前应该有哪些基础知识

一、ES6语法规范

1.什么是ES6

ES6就是ECMAScript6是新版本JavaScript语言的标准，它的目标是使得JavaScript语言可以用来编写复杂的大型应用程序，成为企业级开发语言。

2.语法规范

es6语法规范1： var和let的区别
相同点：var和let都是申明变量的
区别： let是申明块级的变量（简单理解就是在某个代码块中生效，离开该代码块就没有效果了）

  var a = 3;
        let b = 4;
        console.debug(a, b);
        for(let i=0;i<10;i++){
            console.debug(i);
        }
      //  console.debug("i=", i);

es6语法规范2： const
const 也是用来申明变量的，被const申明的变量就是一个常量

const c = 4;
        c = 5;//c变量是一个常量，一旦赋值之后，该值是不能被更改的
        console.debug(c);

解构表达式：

  let arr = ["你", "好", "啊"];
      //  console.debug(arr[0], arr[1]);ES5取法

        //ES6取法（解构表达式来取值）  解构数组
        let [a, b,c] = arr;
        console.debug(a,b,c);

        //ES6取法（解构表达式来取值）  解构对象
        var p = {
            name:"zxz",
            age:22,
            sex:true
        }
        /*
        以前最原生的取法
        function show(p){
            console.debug(p.name, p.age, p.sex);
        }
        */
        function show({name,age,sex}){
            console.debug("哈哈哈", name, age, sex);
        }
        //调用函数（把对象作为参数进行传递）
        show(p);


        //解构对象
        var {name, age, sex} = p;
        console.debug("===",name, age, sex);

 

箭头函数

 var p = {
            name:"zxz",
            age:22,
            show:function(msg){//以前最开始申明函数的方式
                console.debug(this.name + "   " + this.age);
            },
            show2:(msg)=>{//新的写法1  箭头函数this是属于当前创建环境this是一致的
                         //如果箭头函数外面还有函数，那箭头函数的this是和外层函数this一致，如果外层没有函数，该this就是window
                console.debug(" AAA  ");
            },
            show3(msg){//新的写法2
                console.debug("BBBBB  ");
            }
        }

        p.show();
        p.show2();
        p.show3();

 

二、ES6模块化

es6中的模块化 - 简书

三、包管理器

包管理器又称软件包管理系统，它是在电脑中自动安装、配制、卸载和升级软件包的工具组合，在各种系统软件和应用软件的安装管理中均有广泛应用

NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种：

　　a、允许用户从NPM服务器下载别人编写的第三方包到本地使用

　　b、允许用户从NPM服务器下载并安装别人编写的命令行程到本地使用

　　c、允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用

转载于:https://www.cnblogs.com/sunyang-001/p/10792956.html

四、原型、原型链

原型与原型链详解 - 简书

五、数组常用方法

数组常用方法有哪些-js教程-PHP中文网

六、axios

Axios 是一个基于 promise 的 HTTP 库，简单的讲就是可以发送get、post请求。

Axios是什么？用在什么场景？如何使用？_慕课手记

七、promise

Promise到底是啥_宁致-CSDN博客_promise是什么