Python-S9-Day99——Web前端框架之Vue.js

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

06 Webpack，babel介绍和Vue的第一个案例

 

posted @ 2018-08-12 08:20  天晴天朗  阅读(186)  评论(0)  编辑  收藏  举报