前端架构

前端技术文档

当前地址 https://cb.btzh.net:4443/best-idea/web

当前问题

• 缺少一个整体的分类体系或者前端的知识架构
• 查找比较难 00
• 必须打开代码仓库，而且有时 md 文档打开比较慢

解决办法

• 使用vuepress（https://www.vuepress.cn/）搭建文档系统，分类提交
• 新建域名，部署公司服务器，静态地址直接访问即可

文档分类

• 前端须知：主要是入职须知，公司 git 地址，项目配置，框架介绍，技术介绍，vpn 地址等
• 基础：html，css，js 三大件，css 预处理器，ts，浏览器，前端适配，图片处理，
• 框架：Vue，小程序，框架入门，UI 框架等
• 插件：threejs，pointjs 等各种插件
• Node：node 入门，webpack 配置
• 地图：arcgis，ol-map,高德等相关
• 其他：正则表达式，git 等其他小件

前端基础框架

已有

• base-web
  • 前端电脑端基础组件库
  • 目前需要增加自定义组件，增加其他基础框架中的自定义组件
• base-web-h5
  • 手机端基础框架
  • 更改引入组件库为vant(https://gitee.com/vant-contrib/vant/)

阶段一新增

• base-web-ele
  • 即是当前dwk-base-web系统，新建一个项目，放到 base 目录下
• base-web-map
  • 地图相关组件和使用方法
  • arc-gis组件：arcgis 方法集合
  • ol-map组件：olmap 方法集合
  • a-map组件：高德地图相关方法
  • map-json：集合目前所有的服务地址
  • component：包括地图控制组件，空间统计，测量，楼栋相关组件集合

阶段二新增

• 适配方向
  • base-web-uni:基于 uniapp 实现的前端应用框架
  • base-web-flutter:基于 flutter 实现的前端 app 应用
  • base-web-electron:基于 Electron 实现的跨平台桌面应用
• 技术方向
  • base-web-vue3：基于vue3.x，TypeScirpt，element(https://element-plus.gitee.io/zh-CN/)
  • base-web-react: 基于react的前端基础框架

此阶段需要

• base下新建两个项目base-web-ele,base-web-map
• 需要两个域名：部署前端技术文档域名和基础框架演示域名（多个框架，使用一个域名即可）

代码库

• 代码：

https://cb.btzh.net:4443/base/base-web-map

https://cb.btzh.net:4443/base/base-web-ele

• 域名：

https://base-web.btzh.net:4443 已配好 nginx 指向 paas https://best-idea-web.btzh.net:4443 已配好 nginx 指向 paas