前后端不分开
前端的工作
- 前端写的是模板引擎 也就是我们的页面(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语句