开发工作模式

前后端不分开

前端的工作

• 前端写的是模板引擎 也就是我们的页面（css js）
• 交互：有服务端完成
  • 前端做什么交互，发请求，请求成功后，可以有服务端完成，服务端接收到请求后，验证通过后，会响应前端模板+模板数据
• 前端不需要：路由、模块。

后端的工作

• 工作：写接口
  • 写响应 过程。 返回的是模板+模板中应用得数据
• 把前端放入到自己的项目中。
• 技术：
  • 路由 : 写接口
  • 模块化: 实现控制：就是中间件（第三方；自定义）
  • view: 前端的模板
• 开发模式 : MVC (module-view- controller)

前后端分离的项目

两个项目是独立的

后端任务：响应数据 不响应模板+模板数据

前端工作

• 前端任务：页面样式+数据渲染+交互

• 高级开发模式 — 面向对象（模块化开发）

  • 样式： css2 css3 less sass
  • 动态的样式：js
  • 数据渲染：发请求，对响应处理，拼接字符串，模板字符。模板渲染 {{}} or <%= %>
  • 前端路由：完成页面与页面之间交互（切换） ，单页面应用
  • 交互需要技术： ajax 路由 前端自己完成页面跳转，或者单页面应用

• 写页面可以用一下技术，随便选择

  • js+html+css 可以封装方法。说有框架的源头。速度处理是最快的。要想实现面向对象，非常难非常抽象。要想实现模块化开发 需要借助 AMD CMD 来完成。缺点：代码量太大

    路由：自己封装

  • jq +html+css 兼容性最好的一个框架。最接近JS 原生的框架，比较轻；可拓展。本身不是面向对象模块开发的框架，框架本身是面向对象。我们开发想要让项目模块开发，需要 AMD CMD webpack 等

  • vue： mvvm 开发模块式，上手容易；框架本身，可以完成模块化开发。开发速度快。面向对象编程。对我们而言需要知道；语法规则是什么，API 作用是什么？ APi 如何使用 。可以使用VUX 状态管理。写实用VUE-RPUTER 搭建前端路由。学会使用vue-router就可以实现；前端路由不需要自己搭建

    兼容PC 移动端

  • react 是对大量数据处理的很好的框架。所有的语法使用的都是es6语法；用到了 class类 async await 有路由；有状态管理

  • react-native 移动端框架；有路由；有装填管理

  • angular 太重了。不能写移动端 有路由

  • umi 其它框架有的它都有

后端工作

读数据 写数据

写接口: 接口不在渲染模板；只响应数据；其它交互，数据渲染由前端完成

高级处理：大型业务对服务器处理；维护。 高并发

• session 、session-store 、 加密 并发处理 深度认识数据库 开发环境搭建

• node

• 原生 http 异步IO 异步 fs path process buffer stream流 中间件 读（头行体） 写（头行体：模板+数据，数据）

• 框架 ：模块化开发模式

• express 文档常API 中间处理 expre-generator

• koa2 api 上下文 模板处理 中间件 错误处理 今天资源加载 koa2-generator 脚手架 （模块化开发）

• 网络协议

  • http
  • https

• 数据库

  mongoDB : 原生 mongoose

  mysql sql语句