前端基础:技术栈简介

一、VSCode 的使用

1、下载&安装

点击 VScode 官网 下载最新版本。


2、安装常用插件,如下:


二、ES6

1、简介

ECMAScript 6(简称ES6)是于2015年6月正式发布的JavaScript语言的标准,正式名为ECMAScript 2015(ES2015)。它的目标是使得JavaScript语言可以用来编写复杂的大型应用程序,成为企业级开发语言  。每年一个新版本。

另外,一些情况下ES6也泛指ES2015及之后的新增特性,虽然之后的版本应当称为ES7、ES8等。

ECMAScript 是浏览器脚本语言规范,而各种我们熟知的 js 语言,如:JavaScript 则是规范的具体实现。

2、 ES6 新特性


三、Node.js 

1、简介

node.js是一个基于 Chrome V8 引擎的 JavaScript 运行环境。

主要关注于node.js的npm功能就行:

NPM是随同NodeJS一起安装的包管理工具,JavaScript-NPM,作用等同于Java-Maven。

2、官网下载安装node.js,并使用 node -v 检查版本,点击跳转Node.js 官方网站

3、配置npm 使用淘宝镜像。

(默认npm下载东西是用使用国外地址,下载速度慢,改成国内镜像速度快。)

命令如下:

npm config set registy http://registry.npm.taobao.org/

四、Vue

1、MVVM思想

M:即Model,模型,包括数据和一些基本操作;

V:  即 View,视图,页面渲染结果;

VM:即 View.Model,模型与视图间的双向操作(无需开发人员干涉)。

2、Vue 简介

Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,方便与第三方库或既有项目整合。 

3、Vue 官网学习文档

4、Vue 模块化开发


五、Babel

Babel 是一个 JavaScript 编译器,我们可以使用 ES 的最新语法编程,而不用担心浏览器兼容问题。他会自动转化为浏览器兼容的代码


六、Webpack

自动化项目构建工具,gulp 也是同类产品


七、前端技术栈与后端技术栈类比图

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值