# 你能列出一些前端代码很好的插件作为例子吗？
**URL:** https://meta.discourse.org/t/can-you-list-some-plugins-with-good-frontend-code-as-an-example/170222
**Category:** Development
**Created:** [2020年十一月15日 21:48 UTC](https://meta.discourse.org/t/can-you-list-some-plugins-with-good-frontend-code-as-an-example/170222 "2020-11-15T21:48:40Z")
**Posts on this page:** 7
**Page:** 1
### Author:  [@4ong](https://meta.discourse.org/u/4ong)
#### Post date: [2020年十一月15日 21:48 UTC](https://meta.discourse.org/t/can-you-list-some-plugins-with-good-frontend-code-as-an-example/170222/1 "2020-11-15T21:48:40Z")
你好，
从优秀的前端示例角度来看，有哪些值得学习的插件？
谢谢！
---
### Author:  [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [2020年十一月15日 21:53 UTC](https://meta.discourse.org/t/can-you-list-some-plugins-with-good-frontend-code-as-an-example/170222/2 "2020-11-15T21:53:55Z")
我的最佳猜测是查看官方插件：他们显然很清楚自己在做什么。
我也信任由 Pavilion 团队开发的插件，我认为他们是非常熟练的程序员，但我无法完全确定，因为我本人并不是插件开发者。
---
### Author:  [@4ong](https://meta.discourse.org/u/4ong)
#### Post date: [2020年十一月15日 21:58 UTC](https://meta.discourse.org/t/can-you-list-some-plugins-with-good-frontend-code-as-an-example/170222/3 "2020-11-15T21:58:35Z")
@Canapin 是的，我同意。我注意到官方插件是在不同时间开发的。我很想知道哪些插件已更新到完美推荐的状态 🙂
---
### Author:  [@justin](https://meta.discourse.org/u/justin)
#### Post date: [2020年十一月15日 22:00 UTC](https://meta.discourse.org/t/can-you-list-some-plugins-with-good-frontend-code-as-an-example/170222/4 "2020-11-15T22:00:33Z")
# 官方插件几乎总是符合当前的编码标准。请注意，我们正在进行向 Ember CLI 的大规模迁移，因此部分内容在不久的将来可能会发生变化！
---
### Author:  [@4ong](https://meta.discourse.org/u/4ong)
#### Post date: [2020年十一月15日 22:01 UTC](https://meta.discourse.org/t/can-you-list-some-plugins-with-good-frontend-code-as-an-example/170222/5 "2020-11-15T22:01:23Z")
@justin 好的，谢谢！
---
### Author:  [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [2020年十一月15日 22:48 UTC](https://meta.discourse.org/t/can-you-list-some-plugins-with-good-frontend-code-as-an-example/170222/6 "2020-11-15T22:48:27Z")
如果你主要关注前端，请将主题组件纳入你的阅读范围。
我还建议你特别留意那些使用以下技术的插件或主题组件：
- 原生 Ember，而非 jQuery 或暴力 DOM 操作
- 小部件系统
- 原生 JavaScript，而非 jQuery（在必须进行直接 DOM 操作的场景下）
- 现代 JavaScript 语法（ES6+）
但
与其为了阅读而阅读，让自己在大量他人代码中感到枯燥，不如我建议：最重要的是先有一个你想实现的想法，然后寻找类似现有实例中优秀的实现方式作为参考。如果你有一个自己热爱的具体目标，你会更有动力，也更愿意去突破遇到的任何障碍（肯定会有一些！）。这样也更有乐趣！
---
### Author:  [@4ong](https://meta.discourse.org/u/4ong)
#### Post date: [2020年十一月16日 15:05 UTC](https://meta.discourse.org/t/can-you-list-some-plugins-with-good-frontend-code-as-an-example/170222/7 "2020-11-16T15:05:25Z")
感谢 @merefield 提供的详细建议。
是的，我对一个灵活的声誉插件非常感兴趣，它应支持添加更多与上下文相关的徽章和竞赛功能。
我目前正为自己的项目打造一个社区，但由于项目仍处于早期阶段，且计划实现盈利，因此暂时无法透露具体细节。