淘系前端技术的体系以及基础架构是怎样的？淘系前端技术的体系包括：工程体系、发布工具、调试工具、本地IDE、WebIDE等。淘系前端技术的基础架构主要包括：终端架构、中后台架构、互动架构、直播架构等。接下来小编给大家详细讲解相关的内容吧！  

一、淘系前端技术的体系：  

（1）工程体系：  

前端研发规范：统一的编码规范、组件规范、模块规范等，确保跨业务，跨团队之间的研发质量和协同效率。  

（2）发布工具：  

云端构建的前端发布工具集。通过配套的规范、流程定义、权限管理以及数据日志提高前端开发效率，保证团队开发过程的一致性和可复制性，提升代码质量和安全。  

（3）调试工具：  

支持sourcemap、断点调试、本地代理、云真机等能力在内的调试工具集。  

（4）本地IDE：  

集成发布工具、调试工具能力的本地开发环境。  

（5）WebIDE：  

基于Web，轻量化的集成开发环境，使用浏览器即可进行前端编码研发。  

二、淘系前端技术的基础架构：  

（1）终端架构：  

基于Rax的终端架构。RaxDSL通过构建不同的产物可运行于Web、Weex、小程序等容器，提供丰富的组件生态，做到一码多端，帮助前端高效研发无线页面。  

（2）中后台架构：  

基于ICE的中后台前端研发架构。支持微前端、丰富的中后台组件、领域模板，帮助前端快速构建中后台应用。  

（3）互动架构：  

基于阿里内部高效、高性能、可扩展的互动引擎EVA的互动架构。提供丰富的互动素材、组件生态，帮助前端高效研发互动玩法。  

（4）直播架构：  

基于阿里内部自研播放器、流媒体服务的直播架构。提供多端一致的播放器，低延时通道，可靠的双向通信机制，帮助前端高效研发丰富的短视频/直播玩法。  

三、淘系前端技术的技术平台：  

（1）搭投平台：

基于丰富的模块体系和搭投服务，以NoCode方式让业务能够搭建成千上万的页面，并提供可运营的数据投放管理能力。  

（2）中后台研发平台：  

基于ICE架构，提供ProCode、LowCode、NoCode三种方式让前端、开发高效研发中后台页面和应用。  

（3）互动研发平台：

基于EVA互动架构，提供通过流程编排生成互动玩法的能力，并沉淀玩法库提供给业务直接使用。  

（4）直播开放平台：  

基于ALive直播架构，提供直播、互动、营销一体化解决方案，赋能二方、三方直播能力。  

四、淘系前端技术的端：  

（1）客户端：  

PHA：ProgressiveHybridApp，渐进式混合应用，提供客户端内的辅助能力，提升webview渲染性能与体验。  

Weex：一个可以使用现代化的Web技术开发动态高性能原生应用的框架。  

（2）浏览器：  

PWA：ProgressiveWebApp，使用多种技术来增强WebApp的能力，如通知推送，离线缓存等。  

五、淘系前端技术的线上服务：  

（1）网关接入：  

前端页面统一的网关接入层，提供域名管理、回源服务、限流、灰度等能力。  

（2）渲染引擎：  

基于Node.js编写的服务端渲染模版的容器，为阿里提供全平台的统一前端模版渲染引擎。  

以上就是关于淘系前端技术的体系以及基础架构等内容的相关讲解！