-
01课程安排
-
02let和const;
-
03 箭头函数
-
04 对象的单体模式
-
05 Node.js介绍和npm操作
-
06 Webpack,babel介绍和Vue的第一个案例
01课程安排
1.1 html(语义化,除了语义,其他的什么都没有了),网页的结构;
1.2 CSS(样式表现),页面的表现,记住的东西比较多,排版布局,如果不会写,就是写页面写少了;
1.3 js(ESMAScript、JSdom、bom),网页的行为;
1.4 jQuery(操作),项目开发的目的就是:快速的做出来!;
1.5 Bootstrap(操作);
1.6 Django(数据要展示);
1.7 前段的三大框架——React(Facebook公司,小型公司不敢用,组件后期会复杂,后台硬)、Angular.js(谷歌公司,后台也硬!)、Vue(语法简单,比较火!中国人发明的,尤雨溪);
尤雨溪介绍:http://www.ituring.com.cn/article/273032
02-let和const;
2.1 前置的准备学习ES6:let和const;
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Title</title> <style type="text/css"> </style> </head> <body> </body> <script > //let声明的变量,是块级作用域;不能重复声明! // { //// let a = 12; // let a = 12; // let a = 13; // } // console.log(a) var a = []; // let a = []; for(var i =0;i<10;i++){ a[i] = function(){ console.log(i) } } a[6]();//6 还是10? //不存在变量提升; // var foo = 2 console.log(foo);//undefined var foo = 2; //const声明变量,一旦声明,立即初始化,不能重复声明! </script> </html>
2.2 模板字符串 ;
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>02-模板字符串</title> <style type="text/css"> </style> </head> <body> </body> <script> //拼接字符串和变量 var a = 26; var b = 22; //字符串的拼接; // var str = "崔晓昭" + a + "李静瓶" + b; //使用反引号; var str = `崔晓昭${a}李静瓶${b}`; console.log(str); </script> </html>
2.3 箭头函数;
2.4 对象的单体模式;
2.5 ES6的面向对象;
2.6 模块化;
Day01-01课程安排
Day01-02-let和const;
03 箭头函数;
04 对象的单体模式;
05 Node.js介绍和npm操作;