前端项目架构图
2020-09-03 13:52:07 0 举报
前端项目架构
作者其他创作
大纲/内容
git svn
axios/其它
压缩合并分块
Vue CLI工程系统
linux
样式编译器
提供前端路由服务
工具函数库
@vue/service
数据图表化服务
开发环境服务层
将各种模板代码编译为js
提供前端数据管理服务,类mode
流程报销
react-native
webpack
vue/react-router
项目文档
macos
前端监控数据上报服务
抽象于某领域组件/如银行
aladdin
UI组件库
node
通过各种插件提供项目构建任务工作流,产出目标环境运行应用
node跨平台环境
rollup
微信号:shengdouhun
自动化项目文档服务
构建工作流平台
3d.js/其它
单元测试服务对功能单元提供自动化脚本测试
框架层
脚手架工具1.创建项目种子文件2.生成依工具配置文件3.安装依赖插件
开发环境服务包提供开发环境服务
开发环境模拟http服务跑前端构建应用
数据可视化服务
提供组件化数据驱动视图服务
http服务
个性化组件
提供与后端数据接口交互服务
crypto/其它
提供类原生app体验
跨app平台框架层
前端项目架构图
开发环境模拟数据接口服务
....
PWA
@vue/cli
weex
数据交互加密服务
将可编程样式脚本编译为css
通过插件扩展项目功能工程系统通过api让插件拥有修改构建配置和生成项目文件的能力不需要安装完成依赖再手动引入,进一步自动化项目
e2e
将高级版本ES或TS....编译为目标环境ES
限制代码风格多人协作便于项目维护
polyfill
商品展示
window
echart/其它
垫片层提供浏览器兼容服务
webtrend/其它
Linter
通用业务组件
模板编译器
mock服务
gulp
项目版本管理服务
vuex/redux
用户信息
vue/react
提供界面功能自动化仿真测试
test
提供通用界面控件服务如选择日期,渐进条
将这些服务做成工程系统插件,变成可插拔服务如 Vue CLI和 Yeoman
脚本编译器
grunt
充分减少请求利用缓存提高性能
@vue/plugin
收藏
0 条评论
下一页