电商项目——前端基础——第八章——上篇

本文是电商项目系列的前端基础部分,介绍了前端技术栈,重点讲解了WebStorm的使用和ES6的新特性,包括let、const、结构、字符串、箭头函数、对象优化、map和reduce、promise异步编排以及模块化概念。同时,提到了Node.js、Vue和Webpack等前端开发工具。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

电商项目——初识电商——第一章——上篇
电商项目——分布式基础概念和电商项目微服务架构图,划分图的详解——第二章——上篇
电商项目——电商项目的虚拟机环境搭建_VirtualBox,Vagrant——第三章——上篇
电商项目——Linux虚拟机中安装docker,mysql,redis_VirtualBox——第四章——上篇
电商项目——电商项目的环境搭建_开发工具&环境搭建——第五章——上篇
电商项目——快速开发人人开源搭建后台管理系统&代码生成器逆向工程搭建——第六章——上篇
电商项目——分布式组件(SpringCloud Alibaba,SpringCloud)——第七章——上篇
电商项目——前端基础——第八章——上篇
电商项目——商品服务-API-三级分类——第九章——上篇
电商项目——商品服务-API-品牌管理——第十章——上篇
电商项目——商品服务-API-属性分组——第十一章——上篇
电商项目——商品服务-API-品牌管理——第十二章——上篇
电商项目——商品服务-API-平台属性——第十三章——上篇
电商项目——商品服务-API-新增商品——第十四章——上篇
电商项目——商品服务-API-商品管理——第十五章——上篇
电商项目——商品服务-API-仓库管理——第十六章——上篇

前面的学习给大家讲解了微服务最基本的Nacos,OpenFeign,GateWay,在我们进行正式开发前,我们对前端来进行简单的概述

1:前后端技术栈类比

在这里插入图片描述

2:WebStorm的使用

作为前端开发,我为何疯狂推荐WebStorm?

3:ES6

  • ECMASeript6.0 (以下简称ES6. ECMASeript 是一一种由Ecma国际前身为欧洲计算机制造商协会,英文名称是European Computer Marnufacturers Asociation)通过ECMA-262标准化的脚本程序设计语言)是JavaSeript语言的下一代标准,已经在2015年6月正式发布了,并且从ECMAScrlpt6开始,开始采用年号来做版本。即ECMAScript 2015.就是ECMAScript6.它的目标,是使得JavaSrpt 语言可以用来编写复杂的大型应用程序,成为企业级开发语言中每年一个新版本。
  • 所以,ECMAScript是浏览器脚本语言的规范,而各种我们熟知的js语言,如JavaScript则是规范的具体实现
    在这里插入图片描述

3.1 ES6新特性-let&const

我们以后会经常使用let来声明一个变量,还有一个const常量(声明之后不允许改变,一旦声明必须初始化,否则报错)

<script>
	 const a=3
	  a=4
//Uncaught TypeError: Assignment to constant variable. at let&const.html:36

</script>
<script>
//var声明的变量往往会越域
			//let声明的变量有严格的局部作用域
			{
     
				var a=1
				let b=2
			}
			console.log(a)
			console.log(b)
//Uncaught ReferenceError: b is not defined at let&const.html:19
</script>
<script>
			//var可以声明多次,let只可以声明一次
			var a=1
			var a=3
			let b=2
			let b=4
			console.log(a)
		    console.log(b)
//Uncaught SyntaxError: Identifier 'b' has already been declared		    
</script>
<script>
		 //var会变量提升
		 //let不会变量提升
		 console.log(a)
		 var a=1
		 console.log(b)
		 let b=2
//let&const.html:33 Uncaught ReferenceError: b is not defined at let&const.html:33		 
</script>

3.2 ES6新特性-结构&字符串

<script>
//数组解构
			let arr=[1,2,3];
			
			let d=arr[0];
			let b=arr[1];
			let c=arr[2];
			let [d,b,c]=arr;
			console.log(d,b,c);
</script>
<script>
//数组解构
			let arr=[1,2</
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值