1.简介
2.默认参数
3.字符串模板
4.解构赋值,箭头函数
5.es6前端的基本技能
前端技术的提升,学习es6的源码
vue既是es6源码开发的
6.构建工具
es6的编译,监听,打包,上线流程
后端服务框架用express,用mockjs模拟接口数据】
前端用es6
7.ES6
前端模块化方案
工程构建
编程经验-思维模式的逻辑层实现的通
8.项目的构建
es6不能直接跑起来
所以需要构建项目
***基础架构-前端的架构
***任务自动化-gulp(类似于less,sess的自动化编译),开发一种语言,运行一套语言
***编译工具(bable,webpack),bable专门编译es6,webpack进行打包
***代码的实现
项目构建如下
自动构建属于资源整合的,不属于上线部分
mockjs模拟数据接口。
任务自动化使用gulp,grand已不适用。
webpackStream是webpack对gulp的支持插件
9.三个并行的模块
app 前端代码
css/js/views
js/class es6的类文件
touch test.js 新建类js
views/index.ejs ejs---服务器的框架使用node的express,使用的模板是.ejs
views/error.ejs
server 服务器代码
express需要使用node.js
express -e . 命令行的意思是: express的脚手架启动,e使用es6模板引擎
(安装错误的话,npm install -g express-generator )
tasks 构建工具目录
10.项目根目录初始化
1)npm init 初始化创建package.js
创建了package.json后就可以使用npm install进行依赖包的安装。
2)touch .babzelrc
创建bable构建的依赖文件夹
3)touch gulpfile.babel.js
不使用 gulpfile.js
gulpfile.babel.js使用的是es6的写法