vue01(vue前的准备)

1.1 前端的发展史

1)html(超文本标记语言) + css(层叠样式表) +js ----> 静态页面

2)jsp(javaee)/asp(.net)/php -->动态页面

3)ajax–> 局部刷新异步请求

​ 同步: (线程) 一个程序执行完之后,才能执行另外一个程序

​ 异步: 不用等待上一个程序执行,并行执行其他内容

​ 局部刷新: 不是整个页面去刷新,只刷新局部

​ 怎么实现局部刷新原理: 异步操作的时候,有回调函数,通过这个回调函数来完成局部刷新

4)jquery --> 它是js的框架 js封装出来的框架 write less do more

5)h5(html5)

6)nodejs(相当js的后台服务) /npm(maven) --很多很多框架

1.2 MVVM

MVC : model(模型) view(视图) controll(控制器)

MVVM : model view view-model -->数据的双向绑定

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-4bYi0Jm7-1577695215865)(笔记.assets/image-20191228093714293.png)]

1.3 前端的框架说明

Vue.js:vue.js以轻量易用著称

React.js:vue.js和React.js发展速度最快， 集web前端与app于一身技术

AngularJS: AngularJS还是曾今老大。 用户比较比多

1.4 nodejs和npm环境(掌握)

傻瓜式安装 – 卸载 在安装

2 ES6

ECMAScript是浏览器脚本语言的规范，可以狭义理解是javascript的规范

ES6就是javascript用的最多语言规范.被各个浏览器实现了.

2.1 ES6的语法(掌握)

(1)语法1 (掌握)

let相较于var，他是块级的。

// (1)let 它是块级 局部变量, var 不是块级  全局变量
for(var i=0;i<10;i++){
    console.log(i);
}
console.log("------i----------")
console.log(i);
console.log("============")
for(let j=0;j<10;j++){
    console.log(j);
}
console.log("------j----------")
console.log(j);

(2)const 一旦有值就不能修改(掌握)

// const i=10;
//i=11;

(3)解构表达式(掌握)

//(3)解构表达式--数组解构
/*
let arr = [1,2,3];
//解构表达式
let [a1,a2,a3]=arr; // let a1 = arr[0],a2=arr[1]
console.log(a1,a2,a3);
console.log(a3);
*/

//对象解构
// let obj = {"name":"信哥","age":18};
// let {name,age} = obj;
// console.log(name+"年龄是:"+age);

(4)箭头函数(掌握)

/*var obj = {
    eat:function(){
        console.log("键哥中午吃饭");
    },
    eat1(){
        console.log("键哥早上喝奶")
    },
    eat2:(food)=>{
        console.log("键哥晚上吃"+food+"不用牙齿吃")
    }
}*/

/*
obj.eat();
obj.eat1();
obj.eat2("香蕉");*/

console.log("-----------------------------------");
//箭头+解构一起使用
/*var say = ({name})=> console.log("我是"+name);
var obj1 = {
    name:"王天霸"
}
say(obj1);*/

(5)模块化(今日了解–后面掌握用法)

​

{name})=> console.log(“我是”+name);
var obj1 = {
name:“王天霸”
}
say(obj1);*/

(5)模块化(今日了解--后面掌握用法)





​