restful 和前端源码介绍

restful api介绍

前后端分离的优缺点

优点：

1. pc,app,pad多端适应
2. SPA开发模式的流行(单页面应用)(本应用也是)
3. 之前前后端开发职责不清，web框架虽然有模板语法，但是前后端交流困难，重构也困难
4. 开发效率问题，前后端相互等待。
5. 前端一致配合后端，能力受限。
6. 后台开发语言和模板高度耦合，导致开发语言依赖严重。

缺点：

1. 前后端学习门槛增加
2. 数据依赖导致文档重要性提高
3. 前端工作量增大
4. SEO难度增加
5. 后端开发模式迁移成本

restful api

restful api目前是前后端分离最佳实践

1. 轻量，直接通过http协议，不需要额外的协议。
2. 面向资源，一目了然，具有自解释性。(通过api就能大概了解所进行的是什么操作)
3. 数据描述简单，，一般通过json或者xml做数据通信
   URI:统一资源定位符

重要概念

ruanyifeng的网站
什么是restful架构

1. 每个URI表示一种资源
2. 客户端和服务端之间，传递这种资源的某种表现层
3. 客户端通过几个HTTP动词，对服务器进行操作，实现‘表现层状态转换’

阮一峰关于rest的设计指南

vue的基本概念及介绍

几个概念

1. 前端工程化(node.js webpack)
2. 数据双向绑定(vue官方文档 mvvm)
3. 组建化开发(源码中可以看到)

vue开发的概念

1. webpack (js第三方工具 SPA开发 vue项目都会用到)(ES6代码转换、其他vue转换等)
2. vue , vuex(组件通信) , vue-router(前端页面内跳转) , axios(代替ajax)
3. ES6(js标准) ，babel(es6转换为es5)

vue源码结构

根目录下：配置文件等
src下所有源码

1. api 所有组件接口
2. axios 全局拦截、设置 401等
3. components 基础组件
4. router vue_router配置的东西
5. static 全局静态文件
6. store vuex的东西
7. style css样式等
8. views 所有组件
   chorme关于vue的插件 vue devtools