React

在前端中后台项目中，表格是最常见也是最基础的数据组件。表格主要以二维栅格的形式呈现，能够清晰明了地展示数据。 在基于表格的项目开发中，我们经常遇到的一个问题，就是如何平衡功能的完备性与可拓展性。功能完备的表格，比如常用的 Antd Table ，能够满足我们业务开发的大部分场景…

学习和使用 Rxjs 也有一段时间了，一直想找个时间总结下一些使用技巧。网上关于 Rxjs 的文章挺多是围绕官方文档的操作符使用和基本原理展开，对于刚接触的小白来说，有时候会看得一团雾水。 怎样快速上手一个新的框架或者类库——当然是先从一个 Demo 入手，先会用再去理解背后的…

目前来说，每个前端团队都有自己对 React Hooks 的使用偏好，在基于 hooks 的数据流管理或许没有所谓的最佳实践，但是开发过程中还是有一些准则可以参考。当你不熟悉一个新东西的时候，你就该去看它的文档。 React Hooks 是完全不同以往的心智模型，从使用开始我们…

分析：我们要实现一个数字滚动效果，保证每个位上的数字都至少滚动一周，滚动效果是自下往上。让我们先思考一下几个细节： 说一下我的思路历程吧，我一开始居然没想到用动画来实现，而是用setTimeout递归地插入每个位上的数字，写完之后才发现没有实现滚动。然后又search了一下滚动…

分析：我们需要实现两个方向（向下拉动，向上滑动）上的拉动刷新，考虑完成 PullDownRefresh 和 PullUpRefresh 两个组件的编写。思考其中细节： offsetHeight 是一个DOM属性。它有时被称为一个元素的物理/图形的尺寸，或是一个元素的边界框（bo…

这次谈谈一个登录页面的设计。在之前写过的项目中，我都是把表单放在一个页面也没有考虑到用户等待过程中的loading提示。这次重新规划一下，将展示组件与控制拆分，同时用状态机实现状态管理 前几天刚好看到一篇文章前端状态管理请三思,觉得挺有意思的，原文作者利用状态机的思想，预先设想…

components: 放置公共展示组件。单纯负责将获取的Props传来的数据进行展示 containers: 容器组件，主要负责数据的获取，业务相关的交互等内容。 layouts: 在前端页面中通常有可以复用的页面布局，比如导航，底部菜单是固定的。我们可以通过一个写一个高阶组…