2023中国开源生态系列图谱报告-前端领域

⽬录 ⽣态图谱项⽬洞察02 ⽣态图谱解读 前端开源底层项⽬ 定义&分类：前端开源项⽬主要分为底层项⽬和上层项⽬，底层项⽬包括解决⽅案、框架。 板块特征： 宽松的开源许可证为主 三⼤技术⽀撑 主要为Apache、MIT、BSD开源许可证，其中MIT开源许可证占全部项⽬的70.83%，占底层项⽬的66.7%。 标记语⾔HTML：内容的编辑与呈现；层叠样式表CSS3：⽤于HTML标签的视觉效果装饰；轻量级编程语⾔JavaScript：⽤于⻚⾯的动态效果与交互的处理。 应⽤场景多样 解决⽅案：通常⽤于满⾜中后台设计与应⽤、统⼀前端表单、数据可视化、跨端统⼀、前端⼯作流和规范等需求。框架：分为后台UI框架、跨端框架、低代码框架、同构框架等。 前端开源底层项⽬ ⼚商分布：前端底层开源项⽬主要由软件供应商、个⼈开发者与⼤型互联⽹企业贡献，并且项⽬数量呈⾦字塔型。 具体分布如下： 前端开源上层项⽬ 定义&分类：前端开源上层项⽬主要分为组件库&组件、制作平台&系统、插件&功能⼯具等。 发展特征：前端从承担单⼀的展示功能的静态⻚⾯过渡到⽣动的与⽤户交互。⽬前，组件库&组件项⽬数量最多，占前端上层开源项⽬数量的48.1%。同时主要围绕底层开源项⽬进⾏补充，近⼀半组件及组件库围绕底层开源项⽬vue框架开发。低代码平台、⼩程序⽣态逐渐丰富，从底层到上层都有开源项⽬分布。 组件库&组件应⽤场景：各种⻛格的组件以满⾜不同界⾯需求，包括但不限于视频、图表、⽇历、地理信息可视化、跨端渲染等。制作平台&系统应⽤场景：制作平台集中在低代码平台与可视化编辑。系统主要为中后台管理系统、企业级设计系统、跨平台的⾼性能图形系统。 插件&功能⼯具应⽤场景：为应⽤提供持续交付、任务管理、⾃动化测试、仿真数据⽣成等功能。 前端开源上层项⽬ ⼚商分布：前端上层开源项⽬贡献者主要为软件供应商、个⼈开发者和互联⽹企业。互联⽹企业贡献了近三分之⼆的组件库&组件。 具体分布如下： 价值追求: 性能强劲 优秀前端开源项⽬多层⾯发⼒，应对⽤户、开发者⻆度挑战 优秀前端开源项⽬三⼤特征 前端开源⾯临挑战 企业⻆度 •商业化路径不清晰：需要企业慢慢摸索如何通过开源项⽬得到商业回馈•投⼊意愿低：企业对⼈⼒投⼊与周期的认知与实际不匹配，低投⼊使得开源项⽬维护阻⼒较⼤ 使⽤层⾯ 内容层⾯ •⽤户多：⽤户市场⾜够⼤能够尽可能吸引更多活跃的、愿意加⼊开源的开发者 •解决实际问题：能够解决实际问题并具有可维护性与易于扩展，是项⽬发展的根基 ⽤户⻆度 •开源意识与社区意识⽋缺：⽤户的讨论氛围与友善程度有较⼤提升空间 开发者⻆度 •经验丰富：有⻓期开源经验并且对项⽬有较好理解的开发者思考开源问题更全⾯ •快速响应：及时处理问题能够让开源项⽬有效启动 •需要更多情绪价值：开源项⽬需要更和谐友好的氛围为开发者带来正反馈•难以持续维护项⽬：没有公司或社区⽀持，单靠开发者很难持续维护 前端开源发展趋势：技术牵动发展，专注⾼附加值⼯作与易⽤性 技术⽣态丰富的开源发展趋势，驱动前端领域进⼀步由技术牵动发展 技术牵动 •新技术⼯具：新的AI等新技术的⼯具属性较强，并有较⼤发展空间，将牵动前端开源发展并重塑形态 易于使⽤ ⾼附加值 •⾼附加值⼯作⽐例增⾼：低附加值的⼯作会逐渐由⼯具替代，⼯程师更多关注于解决复杂问题等⾼附加值⼯作 •便捷开发：AI等技术会作为辅助⼿段降低开发⻔槛•低耦合：更组件化、模块化 ⽣态图谱项⽬洞察 Gitee平台托管的开源项⽬ ·数据来源：Gitee官⽹各项⽬2023年6⽉数据。 InfoQ开源项⽬指数数据说明“ InfoQ开源项⽬指数说明 •对于开源项⽬的评价，代码和社区是两项最直接评价指标。 •代码的健康度体现为社区成员不断地修复和更新代码，形成研发价值的指数级增⻓；代码健康指标中选取的数据维度来⾃开源项⽬在GitHub中的公开数据。 •社区活跃是保证开源价值最⼤化的根本，被开源世界公认的社区价值是评价开源项⽬最主要的要素，本次研究将其权重赋值超过代码健康；InfoQ研究中⼼认为，社区活跃价值整体评估⾼于代码健康价值。 •社区活跃中主要数据也来⾃于GitHub的公开数据；其中协作影响⼒数据来⾃于X-lab研发的openleaderboard中的协作影响⼒数据。 •所有数据的采集时间均为2023年1⽉，在未来，随着时间的推移，数据也会呈现变化。 GitHub平台托管的开源项⽬ 前端开源项⽬所属公司 前端开源项⽬所属公司 中国开源⽣态系列图谱还包括 •中国开源⽣态系列图谱2022之数据库领域•中国开源⽣态系列图谱2023之云原⽣领域•中国开源⽣态系列图谱2023之⼤数据领域•中国开源⽣态系列图谱2023之⼈⼯智能领域•中国开源⽣态系列图谱2023之操作系统领域•中国开源⽣态系列图谱2023之中间件 敬请期待！ InfoQ研究中⼼⾪属于极客邦科技双数研究院，秉承客观、深度的内容原则，追求研究扎实、观点鲜明、⽣态互动的⽬标，聚焦创新技术与科技⾏业，围绕数字经济观察、数字⼈才发展进⾏研究。 InfoQ研究中⼼主要聚焦在前沿科技领域、数字化产业应⽤和数字⼈才三⽅⾯，旨在加速创新技术的孵化、落地与传播，服务相关产业与更⼴阔的市场、投资机构，C-level⼈⼠、架构师/⾼阶⼯程师等⾏业观察者，为全⾏业架设沟通与理解的桥梁，跨越从认知到决策的信息鸿沟。 内容咨询：researchcenter@geekbang.com商务合作：hezuo@geekbang.com •极客邦科技，以“推动数字⼈才全⾯发展”为⼰任，致⼒于为技术从业者提供全⾯的、⾼质量的资讯、课程、会议、培训等服务。极客邦科技的核⼼是独特的专家⽹络和优质内容⽣产体系，为企业、个⼈提供其成功所必需的技能和思想。 •极客邦科技⾃2007年开展业务⾄今，已建设线上全球软件开发知识与创新社区InfoQ，发起并成⽴技术领导者社区TGO鲲鹏会，连续多年举办业界知名技术峰会（如QCon、ArchSummit等），⾃主研发数字⼈才在线学习产品极客时间App，以及企业级⼀站式数字技术学习SaaS平台，在技术⼈群、科技驱动型企业、数字化产业当中具有⼴泛的影响⼒。 •2022年成⽴双数研究院，专注于数字经济观察与数字⼈才发展研究，原创发布了数字⼈才粮仓模型，以此核⼼整合极客邦科技专业的优质资源，通过KaaS模式助⼒数字⼈才系统化学习进阶，以及企业数字⼈才体系搭建。 •公司业务遍布中国⼤陆主要城市、港澳台地区，以及美国硅⾕等。⼗余年间已经为全球千万技术⼈，数万家企业提供服务。 专家鸣谢（按姓⽒⾸字⺟排序） 感谢各位专家为报告编制⼯作提供的宝贵建议！ •边思康蚂蚁开源办公室（OSPO）负责⼈•程劭⾮（winter）JavaScript专家•贺师俊（Hax）JavaScript专家•天猪资深前端开源参与者（EggJS、CNPM）•王兴⻰（蛋总）蚂蚁集团⾼级技术专家 洞察技术创新趋势，推动数字化商业升级 InfoQ公众号 InfoQ视频号