通常在页面开发中，我们是通过路由去管理不同的页面，常用的路由库也有很多，譬如：React-Router，Dva-router...... 当我们切换路由时，没有被匹配到的 Component 也会被整体替换掉，原有的状态也丢失了，因此，当用户从详情页退回到列表页时，会重新加载列…

没有setState异步刷新render，只需要通过解构拿到你的值(get)和响应(set)，一切看起来都是那么的优雅，下面我们来具体看下Hooks的这种思想如何引起我们对函数式组件的思考。 可以发现除了 visible 这个必要的变量外，想要控制modal就必须要有open和…

虚拟列表即只渲染可视区域的数据，使得在列表数据庞大的情况下，只显示可视区域的数据，顶部和底部不可见的区域以一个空的dom来代替（留白），这样就能大量减少dom的渲染量，使得列表能够流畅地无限滚动，这在移动端是十分重要的。 实现虚拟列表的方案主要是计算出可视区域要显示哪些数据，然…

系统中的若干个页面需要展示表格数据，其中某些表格数据过多需要分页查询，而某些不用。 为了实现本文第一行中提到的需求，需要将表格数据加载和分页控制分割开来，使得分页这部分功能可插拔。

本文是笔者写组件设计的第十篇文章, 今天带大家实现一个比较特殊的组件——通知提醒框(Notification)。 该组件在诸如Antd或者elementUI等第三方组件库中也都会出现,主要用来为用户提供系统通知信息的.我们在调用它时并不像其他组件一样，通过引入组件标签来调用。比…

以下面试题来源于github项目前端面试指南,那里有超过200道高频前端面试题及答案,目前拥有1400star. 组件化: 其中以 React 的组件化最为彻底,甚至可以到函数级别的原子组件,高度的组件化可以是我们的工程易于维护、易于组合拓展。 天然分层: JQuery 时代的…

本文不成文，谨慎阅读。 《前端面试总结点线面》系列是为了收拢杂而乱的前端领域知识，由点及线，再涉及面，目的是为帮助广大前端同学复习巩固或查漏补缺或增删改查，为了更好的建立前端领域知识体系，为了更好的为前端面试做好准备，从而做一个合格、进步的前端开发工程师。 单一数据源： 整个应…

react-router等前端路由的原理大致相同，可以实现无刷新的条件下切换显示不同的页面。路由的本质就是页面的URL发生改变时，页面的显示结果可以根据URL的变化而变化，但是页面不会刷新。通过前端路由可以实现单页(SPA)应用,本文首先从前端路由的原理出发，详细介绍了前端路由…