精选 20 个实用 or 有趣的 VS Code 扩展，覆盖摸鱼放松，文件管理、代码规范、效率工具等等多个场景，干货满满，下面正片开始......

上个月，我们公司有个紧急项目，客户要求在2周内重构一个有着5万行代码的React应用。项目经理拍着胸脯答应了，然后把这个"不可能的任务"甩给了我们前端组……

本文介绍了一种封装antd的Tab组件的方法。通过对antd的Tab组件的封装，可以让我们更加聚焦在每个页面的逻辑构造上，从而提高开发效率。

致力于打造属于自己的“IT兵器库”，从0到1，真实业务场景，一步一步切身开发设计，只为打造出先进的“IT兵器”、让我们用的比德福还更丝滑，更高效、更具有活力的开发，值得入手一试！

避免使用纯净的JavaScript对象 在React中，最好不要使用纯净的JavaScript对象来定义组件。这是因为JavaScript对象中的属性值可能会被改变，从而导致组件状态的不稳定性。相反，

antd默认的下拉框只能显示名称，但是有些数据名称可能重复，比如说人名，这时候用户在选择的时候，希望看到更多的信息来区分，比如说工号或角色。 基于上面情况我们来封装一个用户体验不错的下拉框。

这两天逛MDN查某个API文档的时候，找到两个好玩的API，一个是语音转文字一个是文字转语音。下面给大家分享一下，顺便封装一个支持语音输入的输入框。

本文从实际工作需求出发，针对H5页面image渲染出现的各种样式问题，加载问题，封装了一个相对健壮的组件，希望本文对您有所帮助和启发。

封装一个函数式组件实现前端开发中经常遇到的场景: 点击按钮弹出对话框。此组件可以作为一个模板，具备弹窗的基本功能，遵循基于构件开发的设计原则。