Logo
Project Icon

documentation

一体化前端代码架构方法，提升项目可维护性

Feature-Sliced Design前端架构代码组织架构方法论应用结构Github开源项目

Feature-Sliced Design (FSD) 是一种用于前端应用的架构方法论，帮助项目在应对不断变化的业务需求时保持清晰和结构化。FSD 按影响范围、业务领域和技术目的组织代码，实现统一架构，确保逻辑可控重用，增强代码稳定性。面对变更和重构时，FSD 防止模块相互影响，依据业务需求分割应用，使项目功能易于导航和理解。

访问官网访问官网GithubGithub
介绍相关项目
blog - Web开发全栈技术指南 从浏览器原理到服务器部署
GithubJavaScript个人博客前端框架开源项目性能优化浏览器
该开源博客项目系统性地介绍了Web开发的核心知识,包括浏览器原理、JavaScript基础、前端框架、工程化实践和服务器部署等方面。内容涵盖性能优化、网络通信、数据结构与算法等重要主题,并结合实践经验提供了大量示例代码和最佳实践。项目为全栈开发者提供了从入门到进阶的完整学习路径。
puzzle-js - 轻量级微前端框架 助力可扩展快速网站开发
GithubPuzzleJs开源项目微前端框架服务端渲染模块化开发网站性能优化
PuzzleJs是一个受Facebook BigPipe技术启发的微前端框架，专注于构建可扩展和高性能网站。它支持网关和店面项目的创建与通信，提供首字节时间优化、SEO友好和强大可扩展性。PuzzleJs允许团队独立开发部署功能，同时保持系统一致性和效率，适用于需要灵活架构的大型Web项目。PuzzleJs采用模块化设计，支持异步加载和渲染，实现了前端组件的解耦和并行处理。框架兼容多种前端技术栈，有助于提高开发效率和系统性能。
docToolchain - 将软件架构文档视为代码的开源工具链
GithubdocToolchaindocs-as-code开源项目文档生成软件架构
docToolchain是一个开源工具链，采用docs-as-code方法处理软件架构文档。它集成arc42模板，将文档管理与代码开发流程相结合，支持版本控制和自动化操作。工具功能包括图表生成和HTML检查，旨在提高技术文档的质量和可维护性。目前已在多家知名企业中应用，并获得活跃社区的支持和贡献。
Architecture - 新技术与最佳实践的架构示例
.NETAngularClean ArchitectureEntity Framework CoreGithubSOLID Principles开源项目
该项目通过采用新技术和最佳实践，提供了一个用于参考的项目架构示例。它遵循了多个重要的编码原则和模式，如清洁架构、SOLID原则和KISS原则，旨在避免循环引用和不必要的依赖注入，同时简化单元测试。项目包含Web前端和后端、应用层、领域层、模型层和数据库层等多层结构，并使用了 .NET、ASP.NET Core、Entity Framework Core、C#、Angular和UIkit等技术。该项目提供了多种运行方式和详细的运行步骤。
front-end-interview-handbook - 前端开发面试准备与实践资源汇总
CSSGithubHTMLJavaScript前端面试开源项目系统设计
Front End Interview Handbook汇集前端面试各类资源，包括面试形式、系统设计、常见问题和公司特定题目。推荐GreatFrontEnd平台供实践，并提供多语言版本。面向全球前端开发者，助力系统备战技术面试。
cognitive-load - 优化代码结构减轻开发者认知负担
Github代码可读性代码复杂性开源项目认知负荷设计原则软件开发
该项目深入探讨了降低软件开发认知负担的方法。通过分析复杂条件语句、过度继承和模块化等常见问题,提出了优化代码结构的实用解决方案。项目倡导简化接口设计、合理应用开发原则,旨在帮助开发者构建更易理解和维护的代码库,提高整体开发效率。
awesome-design-patterns - 综合软件和架构设计模式指导
Cloud ArchitectureGithubMachine LearningMicro servicesServerless ArchitectureSoftware design pattern开源项目
提供详尽的软件和架构设计模式资源，涵盖编程语言、通用架构、云架构、无服务器架构、微服务与分布式系统、物联网、大数据、机器学习、数据库及存储、DevOps与容器、移动开发、前端开发和安全领域。收集多种编程语言和实际应用场景的设计模式，帮助开发者和架构师解决常见问题，优化系统设计，提高软件质量和可维护性。
csslayout - 纯CSS构建的现代布局和组件集合
CSS布局Githubflexboxgrid前端工程开源项目纯CSS组件
csslayout是一个提供纯CSS构建的现代布局和组件集合的开源项目。该项目利用flexbox和grid等现代CSS特性，无需依赖框架或CSS技巧。它具有零依赖性和高实用性，开发者可以轻松定制和组合这些布局组件，以创建所需的任何布局。通过使用这个集合，前端开发人员可以提高开发效率，快速实现各种复杂的页面布局。
single-spa - JavaScript前端微服务框架的创新之选
GithubJavaScript框架single-spa前端微服务多框架集成开源项目微前端
single-spa作为JavaScript前端微服务框架，支持多框架共存和无刷新页面切换。开发者可使用React、Angular等技术栈，实现新旧代码集成和懒加载优化。该框架为前端开发带来灵活性和可扩展性，适合构建现代化模块化Web应用。
javascript-design-patterns-for-humans - JavaScript设计模式实用指南与代码实例
Github代码重用开源项目架构设计设计模式软件开发面向对象编程
该项目提供了简化的JavaScript设计模式学习方法。涵盖创建型、结构型和行为型模式，通过实例和代码演示阐释核心概念和应用。重点展示JavaScript中的设计模式实现，适合前端开发者学习参考。项目采用通俗易懂的方式解释复杂概念，帮助开发者更好地理解和应用设计模式。
相关项目
项目侧边栏1项目侧边栏2
推荐项目
Project Cover

豆包MarsCode

豆包 MarsCode 是一款革命性的编程助手，通过AI技术提供代码补全、单测生成、代码解释和智能问答等功能，支持100+编程语言，与主流编辑器无缝集成，显著提升开发效率和代码质量。

Project Cover

AI写歌

Suno AI是一个革命性的AI音乐创作平台，能在短短30秒内帮助用户创作出一首完整的歌曲。无论是寻找创作灵感还是需要快速制作音乐，Suno AI都是音乐爱好者和专业人士的理想选择。

Project Cover

有言AI

有言平台提供一站式AIGC视频创作解决方案，通过智能技术简化视频制作流程。无论是企业宣传还是个人分享，有言都能帮助用户快速、轻松地制作出专业级别的视频内容。

Project Cover

Kimi

Kimi AI助手提供多语言对话支持，能够阅读和理解用户上传的文件内容，解析网页信息，并结合搜索结果为用户提供详尽的答案。无论是日常咨询还是专业问题，Kimi都能以友好、专业的方式提供帮助。

Project Cover

阿里绘蛙

绘蛙是阿里巴巴集团推出的革命性AI电商营销平台。利用尖端人工智能技术，为商家提供一键生成商品图和营销文案的服务，显著提升内容创作效率和营销效果。适用于淘宝、天猫等电商平台，让商品第一时间被种草。

Project Cover

吐司

探索Tensor.Art平台的独特AI模型，免费访问各种图像生成与AI训练工具，从Stable Diffusion等基础模型开始，轻松实现创新图像生成。体验前沿的AI技术，推动个人和企业的创新发展。

Project Cover

SubCat字幕猫

SubCat字幕猫APP是一款创新的视频播放器，它将改变您观看视频的方式！SubCat结合了先进的人工智能技术，为您提供即时视频字幕翻译，无论是本地视频还是网络流媒体，让您轻松享受各种语言的内容。

Project Cover

美间AI

美间AI创意设计平台，利用前沿AI技术，为设计师和营销人员提供一站式设计解决方案。从智能海报到3D效果图，再到文案生成，美间让创意设计更简单、更高效。

Project Cover

AIWritePaper论文写作

AIWritePaper论文写作是一站式AI论文写作辅助工具，简化了选题、文献检索至论文撰写的整个过程。通过简单设定，平台可快速生成高质量论文大纲和全文，配合图表、参考文献等一应俱全，同时提供开题报告和答辩PPT等增值服务，保障数据安全，有效提升写作效率和论文质量。

使用协议隐私政策广告服务
投诉举报邮箱: service@vectorlightyear.com
@2024 懂AI·鲁ICP备2024100362号-6·鲁公网安备37021002001498号