电商项目前端ES6

1.前端常见技术
前后端对比


2.VS环境搭建
VScode中安装如下插件:

 

Auto Close Tag
Auto Rename Tag
Chinese
ESlint
HTML CSS Support
HTML Snippets
JavaScript ES6
Live Server
open in brower
Vetur33


Vue 2Snippets 语法提示
谷歌浏览器中安装插件Vue Devtools
3.ES6介绍
ECMAScript6.0(以下简称ES6,ECMAScript是一种由Ecma国际通过ECMA-262标准化的脚本),是JavaScript语言的下一代标准,2015年6月正式发布,从ES6开始的版本号采用年号,如

ES2015,就是ES6。
ES2016,就是ES7。
ES2017,就是ES8。
ECMAScript是规范,JS的规范的具体实现。

打开VSCode—打开文件夹—新建es6文件夹—新建文件1、let.html—shift+!+Enter生成模板。填入下面内容后,右键open with live server3.1.let作用域.html
let不会作用到{}外,var会越域跳到{}外
var可以多次声明同一变量,let会报错
var定义之前可以使用,let定义之前不可使用。(变量提升问题)

<!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>Document</title>
</head>
<body>

<script>
       // var 声明的变量往往会越域
       // let 声明的变量有严格局部作用域
        //{
            //var a = 1;
            //let b = 2;
        //}
        //console.log(a);  // 1
        //console.log(b);  // ReferenceError: b is not defined

        // var 可以声明多次
        // let 只能声明一次
        // var m = 1
        // var m = 2
        // let n = 3
        // let n = 4
        // console.log(m)  // 2
        // console.log(n)  // Identifier 'n' has already been declared

        // var 会变量提升
        // let 不存在变量提升
        // console.log(x);  // undefined
        // var x = 10;
        // console.log(y);   //ReferenceError: y is not defined
        // let y = 20;

        // let
        // 1. const声明之后不允许改变
        // 2. 一但声明必须初始化,否则会报错
        //const a = 1;
        //a = 3; //Uncaught TypeError: Assignment to constant variable.
    
    </script>
    
</body>
</html>

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值