一、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 也是同类产品


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

前端基础:技术栈简介相关推荐

  1. Web前端开发大系概览 (前端开发技术栈)

    前言 互联网建立50多年了,网站开发技术日新月异,但web前端始终离不开浏览器,最终还是HTML+JavaScript+CSS这3个核心,围绕这3个核心而开发出来大量技术框架/解决方案. 我从2000 ...

  2. Web前端开发技术栈(前端干货)

    Web前端开发技术栈 浏览器 Internet Explorer(需要了解,需不需要看公司业务需求) Chrome(建议学习使用) Firefox(建议学习使用) Safari(建议学习使用) Ope ...

  3. 【前端】前端及其技术栈

    文章目录 0)前端 1.什么是前端? 2.为什么需要前端? 前端的发展简史: 3.前端开发的类型 Web前端开发: 客户端(APP)开发: 4.前端与后端的交互 Ajax: Socket: *前端技术 ...

  4. Web3.0技术栈简介

    L4:技术栈顶层,参与者主要是普通用户(如同今天普通用户在浏览器前端和网页互动一样)用户们在这一层可以和单个或多个区块链(应用等)互动.例如状态.元掩码.MyCrypto.奇偶校验 协议可扩展的用户界 ...

  5. 大数据常见技术栈简介

    1.Hadoop Hadoop是一个由Apache基金会所开发的分布式系统基础架构.用户可以在不了解分布式底层细节的情况下,开发分布式程序.充分利用集群的威力进行高速运算和存储.Hadoop实现了一个 ...

  6. 前端开发技术栈(插件篇):400+常用前端开发插件总结清单(持续更新......)

    常用前端开发插件总结清单,日常前端开发的时候,尤其在使用一些常用的功能的时候,例如:表单,,动画效果,时间选择,文件上传,下拉框等功能.直接用插件可以让自己节省更多的开发时间,更多的去关心业务,自己封 ...

  7. 高内聚,低耦合——8大核心中间件,微服务基础技术栈技术图谱

    什么是微服务? 维基上对其定义为:一种软件开发技术- 面向服务的体系结构(SOA)架构样式的一种变体,将应用程序构造为一组松散耦合的服务.在微服务体系结构中,服务是细粒度的,协议是轻量级的. 微服务( ...

  8. 前端基础技术_浏览器同源政策(same-origin policy)及其规避方法

    目的:对浏览器的"同源策略"和"同源异构策略(跨域)"有个初步认识. 同源策略:此策略是浏览器和后台通讯之间的一个安全协议的支持,同源指两个网址的协议.域名(或 ...

  9. 大数据 相关框架及技术栈简介

    一. Hadoop Hadoop是一个由Apache基金会所开发的分布式系统基础架构.主要解决,海量数据的存储和海量数据的分析计算问题. Hadoop主要有:(1)高可靠性:Hadoop底层维护多个数 ...

最新文章

  1. 外媒列10大理由建议消费者不购买iPad
  2. linux 串口工具_Zynq下linux系统搭建
  3. boost::units模块实现绝对温度和温差的华氏和开尔文之间的转换的测试程序
  4. 查看oracle压力,一个很简单测试oracle压力方法
  5. Spark MLlib
  6. python random库下载_Python---random库(随机数)
  7. UI设计素材|社交界面模板
  8. 那些有实力进入 BAT 的本科生,都做对了什么事?
  9. 20169217 2016-2017-2 《网络攻防实践》第四周学习总结
  10. 【实习生面试】阿里前端实习生一面流程及题目
  11. Android常用工具类...
  12. win7计算机图标删除,如何彻底删除Win7右下角操作中心的小白旗图标
  13. E45: ‘readonly‘ option is set (add ! to override)解决办法
  14. TI 毫米波雷达学习网站链接整理
  15. ACM教程 - 卡特兰数(Catalan)算法
  16. 【Java小项目】打飞机
  17. 记一次COLA架构的实践
  18. 【模板】最小费用最大流【费用流】
  19. 鸿蒙与苹果性能,任正非谈鸿蒙:两三年,鸿蒙系统可与苹果系统相媲美,能否现实?...
  20. 从数学角度理解欧拉旋转中的万向节死锁

热门文章

  1. SoapSerialization——手机号码归属地
  2. 必须使用初始化列表的情况
  3. 分析89万招聘数据后发现:华为平均月薪35K,Java需求下降
  4. 程序写不好,总理当到老!
  5. DevOps是微服务的秘方
  6. Maven + Nexus + SVN + Eclipse 配置步骤说明
  7. 设置磁盘配额(第二版)
  8. elasticsearch部署
  9. BZOJ2561最小生成树——最小割
  10. 基于lfslivecd-x86-6.3-r2145安装vnc和qemu