![[流泪]](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_5.ece2a96.png)
不是吧不是吧，只有我一个人周六上班？？？![[吃瓜群众]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_10.42a731c.png)
天边的云彩
获得徽章 0
- 为什么分享到微信里的链接后面的部分参数变成了文本呐？
比如 链接地址?key=abcderf123cccczzz
在微信里能点击的内容就是 链接地址?key=abcderf123c
后面的内容就变成了黑色的文本内容了
这个微信的截断规则是啥呢？15 - 如果要你设计一套公共组件，你应该怎么做？需要考虑哪些问题？
"设计一套公共组件时，需要遵循以下步骤和考虑一些关键问题：
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. **用户反馈**：
- 收集用户使用反馈，持续改进组件设计。
- 进行定期评审，确保组件符合最新需求。
通过综合考虑这些问题，可以设计出高效、灵活、可重用的公共组件，满足不同项目的需求，提升开发效率和用户体验。"展开26
：vuex和storage存储数据的场景有何不同？