笔者有 3 年多 React + TS 的实践经验，深刻体会到 TS 对生产效率的提升作用。最近换了新团队，Vue3 + TS 的最佳实践是笔者最近研究的方向，现将阶段性成果总结成文，供大家参考。

好友之间聊天，支持问题、图片、表情、音视频通话以及白板（适用WebRTC实现）。 对好友支持备注、分组功能，分组可以添加、修改、删除。 好友之间的消息支持已读状态提醒，可以即时的知道对方是否已读消息。 在线好友统计，在每个分组中可以查看当前在线好友的数量，并对在线好友的头像做高…

事情是这样的，前天上午产品经理说想要做一个心愿墙，问我能不能行 我心想，这太容易了，但为了多摸一天鱼，我说还是有点挑战的 结果下午，产品经理和设计师就给我发来了设计参考 他们说，心愿墙的设计大致是这样

我们为什么要写个组件上传到npm镜像上呢，我们肯定遇到过这样一个场景，项目中有很多地方与某个功能相似，你想到的肯定是把该功能封装成Component组件，后续方便我们调用。但是过了一段时间，你的Leader让你去开发另一个项目，结果你在哪个项目中又看见了类似的功能，你这时会怎么…

在封装第三方组件中，经常会遇到一个问题，如何通过封装的组件去使用第三方组件的Attributes(属性)、Events(自定义事件)、Methods(方法)、Slots(插槽)。 当然这个问题并不是难以解决，用普通方法解决难免陷入繁琐重复的工作中，而且封装的组件代码可读性也不高…

Module Federation使 JavaScript 应用可以动态运行另一个 JavaScript 应用中的代码，同时可以共享依赖。 如何理解上面这句话呢，我们可以从实际场景出发来看待这项技术。在我们日常开发中，经常能遇到需要复用一段代码逻辑的场景，一般我们可以从以下几种…

注意: 默认情况下每次 commit 都会向 localstorage 写入数据，localstorage 写入是同步的，这样对性能存在影响，应该分场景尽量避免频繁写入持久化数据。 mutation：提交更新数据的方法，必须是同步的(如果需要异步使用action)。 防抖 de…

当客户在使用我们的产品过程中，遇到问题需要向我们反馈时，如果用纯文字的形式描述，我们很难懂客户的意思，要是能配上问题截图，这样我们就能很清楚的知道客户的问题了。 那么，我们就需要为我们的产品实现一个自定义截屏的功能，用户点完"截图"按钮后，框选任意区域，随后在框选的区域内进行圈…

对于使用 babel7 的用户，可以在 babel.config.js 中配置。地址:根文件夹/babel.config.js 对main.js的改造。方法之一，有更好的方法。 位置：src/main.js 完成jsx的配置。可以使用jsx了 到此、我们的Home模块算完成了。…