Web前端框架之Vue.js

Day01-01课程安排

Day01-02-let和const;

Day01-01课程安排

1、html(语义化,除了语义,其他的什么都没有了),结构;

2、css(样式表现),表现;

3、js(ESMAScript、JSdom、bom),行为;

4、jQuery(操作);

5、Bootstrap(操作);

6、Django(数据要展示);

7、React(Facebook公司,后台硬)、Angular.js(谷歌公司)、Vue(语法简单,比较火!中国人,尤雨溪);

Day01-02-let和const;

1、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、模板字符串;

<!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>

3、箭头函数;

4、对象的单体模式;

5、ES6的面向对象;

猜你喜欢

转载自www.cnblogs.com/tqtl911/p/9461954.html