feat(icon): Benefit of <use> and <symbol>
维护者通常 1 天内回复
还没有人认领这个 Issue。
评估
- 难度
- 4/5
- 预计耗时
- 3-5 天
- 新手友好度
- 45/100
- Issue 类型
- 功能
- 描述清晰度
- 基本清楚
- 活跃度
- 活跃
- 技术栈
- angular, typescript
- 领域
- frontend
调研方向
Start by reading MatIconRegistry and the mat-icon rendering path to see how registered SVGs are copied into each component. Explore whether a document-level hidden SVG symbol can be reused through <use href="#namespace-icon-id"></use>. Done means repeated icons use a shared symbol and the DOM contains less repeated SVG; the issue gives no test or implementation files to start from.
由索引模型根据 Issue 内容生成。
描述
Feature Description
Currently MatIconRegistry copy SVG code of each added icons in each mat-icon component.
Why not add an SVG symbol hidden in the current document and only use <use href="#namespace-icon-id"></use> where the icon should be displayed ?
Use Case
Reduce the amount of SVG in DOM when the same icon is repeated a lot of time in the same page.
- 主要语言
- TypeScript
- 星标
- 25k
- 派生
- 6.9k
- 平均合并
- 2 天 7 小时
- 30 天内合并 PR
- 83
环境准备
- 没有 Dockerfile 或 Docker Compose 文件
- 没有 Pull Request 模板
- 阅读贡献指南
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 Issue 编号。
angular/components 的其他 Issue
-
bug(mat-slider): on Firefox, slider thumb is not aligned with cursor可能已有人在做 @Devyalamaddi 于 4 天前认领。 未关闭area: material/slider P4
难度 2/5 1-3 小时 新手友好度 62/100
angular/components#34094 · 1 条评论 ·
维护者通常 1 天内回复
-
bug(material/sort): hover hint arrow on an unsorted header shows the active sort direction, not the resulting direction after click.可能已有人在做 @abdul-karim-mia 于 2 天前认领。 未关闭area: material/sort P3
难度 2/5 1-3 小时 新手友好度 70/100
angular/components#33933 ·
维护者通常 1 天内回复
-
bug(mat-date-picker): month shown twice in date picker可能已有人在做 @PreethiPantangi 于 54 天前认领。 未关闭area: material/datepicker P4
难度 2/5 1-3 小时 新手友好度 72/100
angular/components#33763 · 2 条评论 · 3 个 reaction ·
维护者通常 1 天内回复
-
Bug in table.scss footer cell height: unset instead of footer row height unset可能已有人在做 @minwookshin 于 41 天前认领。 未关闭area: material/table P4
难度 1/5 1 小时以内 新手友好度 88/100
angular/components#33709 · 1 条评论 ·
维护者通常 1 天内回复
-
bug(date-adapter): Misleading JSDoc for createDate returns type可能已有人在做 @BHUVANSH855 于 171 天前认领。 未关闭area: material/core P3
难度 1/5 1 小时以内 新手友好度 78/100
angular/components#33059 · 2 条评论 ·
维护者通常 1 天内回复
查看 angular/components 的全部 Issue
相似的 Issue
-
bug parity
难度 2/5 1-3 小时 新手友好度 70/100
WenyuChiou/agent-board#1489 ·
维护者通常 1 天内回复
-
area: bazaar bug complexity: medium
难度 2/5 1-3 小时 新手友好度 74/100
accensa/x402-facilitator-stellar#779 ·
维护者通常 1 天内回复
-
bug good first issue P4 size:S web-ui
难度 2/5 半天 新手友好度 85/100
josephfung/curia#2600 ·
维护者通常 1 天内回复
-
难度 2/5 1-3 小时 新手友好度 62/100
cloudflare/partykit#444 ·