1、node.js
node.js是JavaScript的运行环境,并不是一种技术,类似于java中的jdk,有了node.js环境,就可以直接运行js文件
实现如下:
- 下载
官网:https://nodejs.org/en/
中文网:http://nodejs.cn
LTS:长期支持版本
Current:最新版 - 运行
在终端通过命令行
node 1.js
2、npm包管理器
npm全称为node package manager, 是node.js包管理工具,类似于maven对于jar包的管理。
常用操作如下:
-
初始化 对相对应的文件夹用如下命令
npm init -y
-
下载想对应的依赖白
npm install jquery
-
等等。。。
3、Babel
Babel是一个转码器,将es6格式的代码转为es5格式代码,因为旧版本的浏览器可能不止es6格式的代码,但是支持es5格式的代码,所以需要转换。
4、模块化
模块化指的是每一个文件都是一个模块,在一个文件里面定义的变量、函数、类,都是私有的,对其他文件不可见。
5、Webpack
Webpack 是一个前端资源加载/打包工具。它可以将js,css文件打包到一个文件里面,比如我们之前用过的jquery就是由很多js文件整合起来的。
6、vue路由
vue路由允许我们通过不同的路由显示不同的内容。
实现如下:
- 引入js
<script src="vue.min.js"></script>
<script src="vue-router.min.js"></script>
- 编写html
<div id="app">
<h1>Hello App!</h1>
<p>
<!-- <router-link> 默认会被渲染成一个 `<a>` 标签 -->
<!-- 通过传入 `to` 属性指定链接.