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)模块化(今日了解--后面掌握用法)