logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

正则表达式 “中括号[]” 内需要转义的字符(四种情况【含两种特殊情况】)

正则表达式 “中括号[]” 内需要进行转义的四种字符分别为: ^ - [ ] \一、具体情况分析1. 正则表达式中括号内含有 ^ 的情况  ^ 放在最前面时,有特定的含义(见上表第四行),此时需要转义;否则不需要。2. 含有 - 的情况  - 放在中间时,有特定的含义(见上表第四行),此时需要转义;否则不需要。3. 含有 [] 的情况  [] 有特定的含义(见上表第二行),故一定需要转义。4. 含

#javascript#正则表达式
微前端容器标准化:从碎片化到统一架构的渐进式改造

本文针对前端业务规模扩张导致的技术栈碎片化、通用能力复用难等问题,提出了渐进式微前端容器协议标准化建设方案。方案从效率提升、规范统一、协作增强三大目标出发,通过分层梳理现有微前端能力体系(框架层、桥接层、通用能力层、工程化层),分析各业务域技术现状与痛点。采用"短期业务落地→中长期体系标准化"的实施路径:短期聚焦核心Portal集成与Qiankun改造,中长期通过能力抽象与协议

#前端#架构
微前端容器标准化:通用容器标准化改造

本文系统对比了Loader、Vite Module Federation、Webpack Module Federation和Qiankun四种前端容器化方案。通过分析改造成本、技术风险等核心维度,提出落地建议:通用改造是基础,包括App Context适配、ALB网关配置等;对于存量业务,推荐改造成本低、风险小的Loader方案;Webpack MF和Vite Federation因改造难度大仅

#前端#架构
微前端容器标准化:公共能力篇

本文介绍了企业级前端公共能力标准化体系spc-fe-common,基于Monorepo架构解决团队开发中的代码复用低、版本管理混乱等问题。体系包含11个核心能力包,涵盖上下文管理、通用请求、微前端等场景,通过统一仓库、规范命名、独立发版和质量保障等机制提升开发效率。项目采用pnpm workspace管理,遵循Semver版本规范,要求单元测试覆盖率≥80%,并通过自动化CI/CD流程确保代码质量

#前端#架构
微前端容器标准化 —— 公共能力篇:通用国际化翻译

摘要 本文针对前端微前端和多应用场景下的翻译方案混乱问题,提出了一套短中长期结合的翻译统一解决方案。方案通过封装通用翻译SDK,实现多框架适配、统一开发规范和资源加载策略,达到开发无感接入、高效管理和性能优化的目标。方案包含翻译SDK核心功能模块、配套工具链及落地路径,支持新老项目平滑过渡。通过对比分析跨Portal翻译复用方案,推荐采用顺序查找Key的短期方案与动态加载的长期演进方案,平衡快速落

#前端#架构
微前端容器标准化 —— 公共能力篇:通用 CDN

文章摘要 本文针对大型前端项目CDN资源管理的痛点,设计实现了统一NPM工具包@spc-fe-common/cdn,提供全链路自动化管理方案。该方案通过Webpack插件实现第三方依赖外部化和CDN资源自动注入,结合资源预加载优化首屏性能,并支持自动化上传和多环境配置。核心架构包含构建层插件、运行时加载器和统一配置管理,有效解决了资源分散、管理复杂等问题,显著提升开发效率和系统稳定性。

#前端#架构
微前端容器标准化 —— 公共能力篇:通用请求

本文提出了一种大型前端项目统一请求解决方案,通过三层架构设计(核心层+适配层+业务层)解决多团队并行开发中的请求封装乱象问题。核心层提供基础HTTP能力与插件扩展接口,适配层提供默认插件与便捷API,业务层支持团队定制。该方案显著提升了代码复用率(80%+),降低维护成本(50%+),并实现子应用跨Portal无缝迁移,有效支撑微前端架构落地。关键技术包括插件化扩展机制、统一注册中心和标准化请求流

#前端#架构
微前端容器标准化 —— 公共能力篇:通用打印

本文介绍了统一打印SDK的设计与实现,旨在解决当前打印能力分散、监控缺失等问题。通过标准化接口和四层架构设计,该SDK整合了打印、健康检查、监控等功能,支持PDF/HTML等多种打印方式。采用分层解耦和依赖注入理念,实现了高内聚低耦合的模块化设计,为跨项目提供可复用的标准化打印解决方案,显著提升了开发效率和系统可靠性。

#前端#架构
微前端容器标准化 —— 公共能力篇:通用跨框架互通

本文介绍了企业级前端开发中React与Vue跨框架互通的解决方案@spc-fe-common/bridge。该工具具有零侵入、轻量化、高性能等优势,支持双向组件转换、状态共享和路由互通等核心功能。通过VueAdapter和ReactAdapter实现组件互转,并支持批量转换和静态分析优化性能。文章详细讲解了安装方法、快速上手示例以及核心功能的使用场景,帮助开发者低成本实现React/Vue项目的渐

#前端#架构
微前端容器标准化 —— 公共能力篇:通用监控

本文介绍了TrackerSDK的设计与实现,旨在解决前端监控中多平台、多SDK并行导致的集成复杂、维护成本高和数据不一致等问题。通过插件化架构和标准化设计,TrackerSDK提供统一的上报能力,降低技术债务并提升开发效率。其核心模块包括插件管理器、配置中心和上报引擎,采用分层架构实现职责解耦。插件管理器负责插件的全生命周期管理,配置中心统一管理全局和插件配置,上报引擎处理队列管理、采样控制和多传

#前端#架构
    共 81 条
  • 1
  • 2
  • 3
  • 9
  • 请选择