![[流泪]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_6.dde0d83.png)
![[嘿哈]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_67.9ceed33.png)
![[偷笑]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_20.7a46372.png)
_
一人一枪一堆闪
后端小菜鸟
|
摸鱼集团
12
获得徽章 8
赞了这篇沸点
赞了这篇沸点
=A= 我上一任前端uniapp用的ucharts， 谁知道一个页面用多个折线图导致点击显示提示框失效 怎么解决唉。。。 可能我菜 每次用这个感觉bug挺多的 .....
8
8
赞了这篇沸点
jym，我目前有这样一个需求：设计一个多级缓存方案，我使用的是caffeine本地和redis缓存，项目有两个实例。
现在问题是需要保证并发请求下缓存双写一致性，以及多实例本地缓存同步问题，因为行业做的风控系统，并发量还比较大，目前调研多实例同步问题可以借助redis或者mq。
但是之前确实没有高并发下缓存一致性解决方案实践经验，只是看过一些面经比较笼统。
想请问各位大佬，
有没有知道比较成熟的落地方案来实现 高并发一致性 以及 多实例本地缓存同步 呢。
现在问题是需要保证并发请求下缓存双写一致性，以及多实例本地缓存同步问题，因为行业做的风控系统，并发量还比较大，目前调研多实例同步问题可以借助redis或者mq。
但是之前确实没有高并发下缓存一致性解决方案实践经验，只是看过一些面经比较笼统。
想请问各位大佬，
有没有知道比较成熟的落地方案来实现 高并发一致性 以及 多实例本地缓存同步 呢。
展开
12
8
赞了这篇沸点
![[可怜]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_5.ece2a96.png)
赞了这篇沸点
看到身边的人各种创业，发现运气真的玄学，同为人不同命。
大学同学毕业两年后就干过很多工作，闯过几次业，最后都干下去了。
一个亲戚打工十几年，什么也不懂，今年年初着急忙慌的找家里和亲戚朋友凑十几个和别人合伙加盟了一个餐饮店，目前四个多月了，已经回本了![[赞]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_108.a6defc6.png)
大学同学毕业两年后就干过很多工作，闯过几次业，最后都干下去了。
一个亲戚打工十几年，什么也不懂，今年年初着急忙慌的找家里和亲戚朋友凑十几个和别人合伙加盟了一个餐饮店，目前四个多月了，已经回本了
![[赞]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_108.a6defc6.png)
25
4
赞了这篇沸点
赞了这篇沸点
如果要你设计一套公共组件，你应该怎么做？需要考虑哪些问题？
"设计一套公共组件时，需要遵循以下步骤和考虑一些关键问题：
1. **需求分析**：
- 理解组件的功能需求，确定组件将解决的问题。
- 确定目标用户及其使用场景。
2. **设计原则**：
- 遵循一致性原则，确保组件在不同场景下表现一致。
- 提高可重用性，设计灵活的API。
3. **组件架构**：
- 选择合适的框架（如React、Vue）以便于组件的创建和管理。
- 将组件划分为原子组件（如按钮、输入框）和复合组件（如表单、对话框）。
4. **状态管理**：
- 确定组件内部状态的管理方式，是否使用Hooks、Vuex或Redux等。
- 设计清晰的状态升迁方式，避免状态混乱。
5. **样式和主题**：
- 选择合适的CSS解决方案（如CSS Modules、Styled Components）。
- 设计主题支持，以便于不同项目的视觉一致性。
6. **可访问性**：
- 确保组件符合WCAG标准，提供可访问性支持。
- 使用ARIA属性来增强可访问性。
7. **文档和示例**：
- 为每个组件编写使用说明和示例代码。
- 提供API文档，详细描述组件的props、events和使用场景。
8. **测试**：
- 编写单元测试和集成测试，确保组件的功能正常。
- 使用工具（如Jest、Testing Library）进行测试覆盖。
9. **版本管理**：
- 采用语义化版本控制，确保组件的更新不会破坏现有功能。
- 明确记录每次更新的变更日志。
10. **性能优化**：
- 使用懒加载、代码分割等技术提高性能。
- 监测组件渲染性能，避免不必要的重渲染。
11. **用户反馈**：
- 收集用户使用反馈，持续改进组件设计。
- 进行定期评审，确保组件符合最新需求。
通过综合考虑这些问题，可以设计出高效、灵活、可重用的公共组件，满足不同项目的需求，提升开发效率和用户体验。"
"设计一套公共组件时，需要遵循以下步骤和考虑一些关键问题：
1. **需求分析**：
- 理解组件的功能需求，确定组件将解决的问题。
- 确定目标用户及其使用场景。
2. **设计原则**：
- 遵循一致性原则，确保组件在不同场景下表现一致。
- 提高可重用性，设计灵活的API。
3. **组件架构**：
- 选择合适的框架（如React、Vue）以便于组件的创建和管理。
- 将组件划分为原子组件（如按钮、输入框）和复合组件（如表单、对话框）。
4. **状态管理**：
- 确定组件内部状态的管理方式，是否使用Hooks、Vuex或Redux等。
- 设计清晰的状态升迁方式，避免状态混乱。
5. **样式和主题**：
- 选择合适的CSS解决方案（如CSS Modules、Styled Components）。
- 设计主题支持，以便于不同项目的视觉一致性。
6. **可访问性**：
- 确保组件符合WCAG标准，提供可访问性支持。
- 使用ARIA属性来增强可访问性。
7. **文档和示例**：
- 为每个组件编写使用说明和示例代码。
- 提供API文档，详细描述组件的props、events和使用场景。
8. **测试**：
- 编写单元测试和集成测试，确保组件的功能正常。
- 使用工具（如Jest、Testing Library）进行测试覆盖。
9. **版本管理**：
- 采用语义化版本控制，确保组件的更新不会破坏现有功能。
- 明确记录每次更新的变更日志。
10. **性能优化**：
- 使用懒加载、代码分割等技术提高性能。
- 监测组件渲染性能，避免不必要的重渲染。
11. **用户反馈**：
- 收集用户使用反馈，持续改进组件设计。
- 进行定期评审，确保组件符合最新需求。
通过综合考虑这些问题，可以设计出高效、灵活、可重用的公共组件，满足不同项目的需求，提升开发效率和用户体验。"
展开
2
6