"原创js星星评分（10分5颗星）"所涉及的知识点主要集中在JavaScript编程语言上，特别是前端开发中的用户交互设计。在这个场景中，开发者创建了一个功能，允许用户通过点击星星来给某个内容打分，最高分为10分，显示为5颗全亮的星星。这个功能通常在评论系统、产品评价或用户反馈中很常见。
**JavaScript基础**
1. **DOM操作**：JavaScript 用于动态修改HTML元素，如创建、修改和操作DOM节点。在这个实例中，可能涉及到获取星星图标元素并绑定点击事件监听器。
2. **事件处理**：通过`addEventListener`或`onclick`等方法，实现点击事件的响应，当用户点击星星时触发相应的评分逻辑。
3. **CSS控制**：JavaScript可以改变元素的CSS属性，比如更改星星的填充状态（半亮或全亮），以反映用户选择的评分。
**前端设计**
1. **视觉反馈**：为了提供良好的用户体验，当用户鼠标悬停或点击星星时，需要实时更新星星的样式以显示当前选择的评分。
2. **状态保持**：用户选择的评分需要在页面刷新后仍能保留，这可能需要用到本地存储（如`localStorage`）或者cookies来保存用户的选择。
**JavaScript进阶**
1. **函数封装**：将评分逻辑封装成可复用的函数，便于在其他地方调用或扩展。
2. **数据绑定**：可能使用到数据绑定技术（如Vue.js的`v-model`或React的`state`），将用户评分与界面状态同步。
3. **防抖和节流**：如果用户快速连续点击，可能需要使用防抖(debounce)或节流(throttle)技术优化性能，避免频繁的DOM操作。
**HTML和CSS**
1. **HTML结构**：创建用于表示星星的HTML元素，可能包括`<i>`标签（用于图标）和可能的容器元素，以便于通过CSS进行布局和样式化。
2. **CSS样式**：定义星星的样式，包括颜色、大小、边距等，以及选中和未选中的状态变化。
**标签“源码”和“工具”提示**
1. **源码分析**：可能提供了实现这个功能的完整源代码，读者可以学习和理解代码背后的逻辑。
2. **工具利用**：可能用到了一些辅助工具，如代码编辑器、浏览器开发者工具，或者预处理器（如Sass、Less）和构建工具（如Webpack、Gulp）。
这个主题涵盖了JavaScript的基本和高级应用，前端设计原则，以及HTML和CSS的配合使用。通过研究提供的源码和工具，开发者不仅可以学习到如何实现星星评分功能，还能提升在实际项目中解决问题的能力。
