typora-copy-images-to: img
typora-root-url: ./typora-copy-images-to: img
第2章 品牌管理前端与图片上传学习目标
• 掌握ElementUI常用组件的使用
• 掌握ES6常用语法的使用
• 完成品牌管理前端代码
• 掌握图片上传代码的编写
• 掌握阿里云OSS的使用
  
  
1. ElementUI介绍1.1 什么是ElementUI
Element，“饿了么”出品的一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。
1.2 ElementUI 常用组件
详见elementUI官网  http://element-cn.eleme.io/2.0/#/zh-CN
2. ES62.1 什么是ES6
编程语言JavaScript是ECMAScript的实现和扩展 。ECMAScript是由ECMA（一个类似W3C的标准组织）参与进行标准化的语法规范。ECMAScript定义了：
语言语法 – 语法解析规则、关键字、语句、声明、运算符等。
类型 – 布尔型、数字、字符串、对象等。
原型和继承
内建对象和函数的标准库 – JSON、Math、数组方法、对象自省方法等。
ECMAScript标准不定义HTML或CSS的相关功能，也不定义类似DOM（文档对象模型）的Web API，这些都在独立的标准中进行定义。ECMAScript涵盖了各种环境中JS的使用场景，无论是浏览器环境还是类似node.js的非浏览器环境。
ECMAScript标准的历史版本分别是1、2、3、5。
那么为什么没有第4版？其实，在过去确实曾计划发布提出巨量新特性的第4版，但最终却因想法太过激进而惨遭废除（这一版标准中曾经有一个极其复杂的支持泛型和类型推断的内建静态类型系统）。
ES4饱受争议，当标准委员会最终停止开发ES4时，其成员同意发布一个相对谦和的ES5版本，随后继续制定一些更具实质性的新特性。这一明确的协商协议最终命名为“Harmony”，因此，ES5规范中包含这样两句话

ECMAScript是一门充满活力的语言，并在不断进化中。

未来版本的规范中将持续进行重要的技术改进

2009年发布的改进版本ES5，引入了Object.create()、Object.defineProperty()、getters和setters、严格模式以及JSON对象。
ECMAScript 6.0（以下简称ES6）是JavaScript语言的下一代标准，2015年6月正式发布。它的目标，是使得JavaScript语言可以用来编写复杂的大型应用程序，成为企业级开发语言。
2.2 常用语法新特性
ES6提供了很多语法新特性，下面我们讲解的是我们《青橙》项目中使用到的语法新特性。
2.2.1 变量声明let
我们都是知道在ES6以前，var关键字声明变量。无论声明在何处，都会被视为声明在函数的最顶部(不在函数内即在全局作用域的最顶部)。这就是函数变量提升例如

  
[AppleScript] 纯文本查看 复制代码

function aa() {
    if(true) {
        var test = 'hello man'
    } 
    alert(test)
  }

以上的代码实际上是:



[AppleScript] 纯文本查看 复制代码

  function aa() {
    var test;
    if(true) {
        test = 'hello man'
    } 
    alert(test)
  }



接下来ES6主角登场：
我们通常用let和const来声明，let表示变量、const表示常量。let和const都是块级作用域。怎么理解这个块级作用域？在一个函数内部 ，在一个代码块内部。看以下代码




[AppleScript] 纯文本查看 复制代码

function aa() {
    if(bool) {
       let test = 'hello man'
    } else {
        //test 在此处访问不到
        console.log(test)
    }
  }

typora-copy-images-to: img
typora-root-url: ./typora-copy-images-to: img
第2章 品牌管理前端与图片上传学习目标
• 掌握ElementUI常用组件的使用
• 掌握ES6常用语法的使用
• 完成品牌管理前端代码
• 掌握图片上传代码的编写
• 掌握阿里云OSS的使用
  
  
1. ElementUI介绍1.1 什么是ElementUI
Element，“饿了么”出品的一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。
1.2 ElementUI 常用组件
详见elementUI官网  http://element-cn.eleme.io/2.0/#/zh-CN
2. ES62.1 什么是ES6
编程语言JavaScript是ECMAScript的实现和扩展 。ECMAScript是由ECMA（一个类似W3C的标准组织）参与进行标准化的语法规范。ECMAScript定义了：
语言语法 – 语法解析规则、关键字、语句、声明、运算符等。
类型 – 布尔型、数字、字符串、对象等。
原型和继承
内建对象和函数的标准库 – JSON、Math、数组方法、对象自省方法等。
ECMAScript标准不定义HTML或CSS的相关功能，也不定义类似DOM（文档对象模型）的Web API，这些都在独立的标准中进行定义。ECMAScript涵盖了各种环境中JS的使用场景，无论是浏览器环境还是类似node.js的非浏览器环境。
ECMAScript标准的历史版本分别是1、2、3、5。
那么为什么没有第4版？其实，在过去确实曾计划发布提出巨量新特性的第4版，但最终却因想法太过激进而惨遭废除（这一版标准中曾经有一个极其复杂的支持泛型和类型推断的内建静态类型系统）。
ES4饱受争议，当标准委员会最终停止开发ES4时，其成员同意发布一个相对谦和的ES5版本，随后继续制定一些更具实质性的新特性。这一明确的协商协议最终命名为“Harmony”，因此，ES5规范中包含这样两句话

ECMAScript是一门充满活力的语言，并在不断进化中。

未来版本的规范中将持续进行重要的技术改进

2009年发布的改进版本ES5，引入了Object.create()、Object.defineProperty()、getters和setters、严格模式以及JSON对象。
ECMAScript 6.0（以下简称ES6）是JavaScript语言的下一代标准，2015年6月正式发布。它的目标，是使得JavaScript语言可以用来编写复杂的大型应用程序，成为企业级开发语言。
2.2 常用语法新特性
ES6提供了很多语法新特性，下面我们讲解的是我们《青橙》项目中使用到的语法新特性。
2.2.1 变量声明let
我们都是知道在ES6以前，var关键字声明变量。无论声明在何处，都会被视为声明在函数的最顶部(不在函数内即在全局作用域的最顶部)。这就是函数变量提升例如

  
[AppleScript] 纯文本查看 复制代码

function aa() {
    if(true) {
        var test = 'hello man'
    } 
    alert(test)
  }

以上的代码实际上是:



[AppleScript] 纯文本查看 复制代码

  function aa() {
    var test;
    if(true) {
        test = 'hello man'
    } 
    alert(test)
  }



接下来ES6主角登场：
我们通常用let和const来声明，let表示变量、const表示常量。let和const都是块级作用域。怎么理解这个块级作用域？在一个函数内部 ，在一个代码块内部。看以下代码




[AppleScript] 纯文本查看 复制代码

function aa() {
    if(bool) {
       let test = 'hello man'
    } else {
        //test 在此处访问不到
        console.log(test)
    }
  }