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>