技术的架构及演变的过程

纯静态页

#我要一个简单的页面
html静态页

#不好看
css样式

#用户反应没有交互
JavaScript

#需要多做一些页面
bootstrap jquery

#这设计的不专业, 让专业设计师来
墨刀 小piu ProcessOn

#没有什么动画效果
帧动画 svg canvas webgl

#用户说浏览器打不开
浏览器的兼容性

初具规模

公司员工渐渐多了起来, 项目渐渐有了规模

#项目要加个后端
jsp thymeleaf php

#需要让用户登陆
cookie和session验证用户

#团队开发进度散乱
git gitlab私有仓库

#用户说网站好卡
cdn加速

#前后端总打架, 前后端分离
vue

#vue打包的静态页放在哪
nginx

#前端进度太慢了, 样式和交互太老套
elementui vant

#后端的接口都是restful风格的, 太难读了
swagger接口文档 postman接口调试 axios

#后端说接口还没写完呢
mock假数据

规模日渐增大

#前端项目越来越大了
webpack打包和构建

#项目规模可以了, 测试一回太费劲了
Python自动化测试

#前后端分离后, 百度SEO搜不到了
Nuxt.js服务端渲染成html

#想从互联网搜索信息
Phantomjs爬虫

#要将数据统计成报表
echart.js

#想要让用户自己打印出数据
后端easyexcel导出成Excel
前端PDF Box导出成pdf数据

#变更需求, 部署环境越来越费劲了
#CI&CD持续集成与持续部署
docker部署 Sonar检查代码 Jenkins持续集成 k8s服务编排

#跨平台
uniapp

数据存储

#php有些不够用了, 好像Java更具优势
SSM

#SSM也不方便, 用SpringBoot吧
SpringBoot

#既然用SpringBoot了, maven当然不可少
maven

#当然, 操作数据库使用的是mybatis
mybatis

#不行啊, 数据库负载扛不住了
redis缓存

#redis也扛不住啊
数据库分库分表, 读写分离

#访问量太大了, 性能开销太大了, 能不能优化一下
vuex和localstorage将数据缓存在浏览器

#有的用户总是乱点, 还有人用爬虫爬我们网站
前端防抖和节流
后端redis限制用户操作频率
后端nginx限制用户IP访问频率

#我们想要监控用户的操作
前端sentry监控
后端log4j或logback收集日志

数据安全

#之前的cookie和session越来越慢了
token和jwt验证用户的真实性
shiro和spring security限定用户操作

#希望这一个账号能够登录我们公司旗下多平台网站
oauth2和sso单点登录

#好像url访问不安全
将http切换为https

大数据时代

#用户太多了, 单台服务器支撑不住了, 采用分布式方案
springcloud dubbo+zookeeper
nginx的负载均衡

#不行, 项目太大了, 要请个大佬来主持开发
负责项目的迭代优化、架构设计、JVM调优, 通过用户画像个性推荐

#内容越来越多, 搜索点东西很慢
elasticsearch、kibana文档搜索
机器学习中文分词

#最近并发量太大了, 用户请求总是阻塞
kafka、mq消息队列
logstash异步搜集数据整理至elasticsearch搜索引擎

#等等......

其他

#项目越来越多, 能不能统一下界面风格
自己开发一套前端UI库