本文是笔者写组件设计的第六篇文章,内容依次从易到难,今天会用到react的高级API React Portals,它也是很多复杂组件必用的方法之一. 通过组件的设计过程,大家会接触到一个完成健壮的组件设计思路和方法,也能在实现组件的过程逐渐对react/vue的高级知识和技巧有…

简单来说Hooks规则就是我们在使用Hooks编写程序的时候需要遵循的规范。 我们接下来将会举一个错误的例子,并且将会展开分析为什么不能这么写, 这么写会导致什么错误发生。 我们都知道在组件中使用state hooks和effect hooks,靠的是Hook的调用顺序,这样R…

微前端是一种利用微件拆分来达到工程拆分治理的方案，可以解决工程膨胀、开发维护困难等问题。随着前端业务场景越来越复杂，微前端这个概念最近被提起得越来越多，业界也有很多团队开始探索实践并在业务中进行了落地。可以看到，很多团队也遇到了各种各样的问题，但各自也都有着不同的处理方案。诚然…

reduce作为ES5新增的常规数组方法之一，对比forEach、filter和map，在实际使用上好像有些被忽略，发现身边的人极少使用它，导致这个如此强大的方法被逐渐埋没。 如果经常使用reduce，怎么可能放过如此好用的它呢！我还是得把他从尘土中取出来擦干净，奉上它的高级用…

所谓无规矩不成方圆，前端时间在团队 code-review 中发现，不同时期不同开发人员写的代码可谓五花八门。因此我们提出了一些相关代码方面的规范，希望日后能形成团队的编码规范。 HTML 属性应该按照特定的顺序出现以保证易读性。 保持简单，不要使用嵌套过多过于复杂的选择器。 …

选择是的话，会让你填写一个预设文件的名字，下次创建一个vue项目，可以直接使用这个预设文件，而无需再进行配置。 由于现在的目录结构不利于后期的开发，现在我们增加部分文件，待后续可以进行功能扩展。在src文件下：新建api文件夹，router文件夹，utils文件夹，views文…

2月28日，广受开发者欢迎的前端开源项目Ant Design发布4.0正式版本。这是两年多以来的首次发布的里程碑版本。新版本中进行了多项改进，包括： 设计规范升级。增加了暗色主题和无边框组件。 兼容性调整。最低支持IE 11，依赖的React最低版本升级到16.9。 更小的尺寸…

2020年是一个元年，有武汉疫情告急，企业停工。所幸的是，开发人员可以在家办公，不幸的是，工资全凭情怀，网速还得把电脑伸到窗外来执行一下git pull ...。不扯皮了，近期不论是工作项目还是个人项目都需要用到一些简单的全屏预览的需求，所以还是动手写一个吧，以后可能还会用到的…