-
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操作；