dyxweb

自定义hooks会处理当前页码数据、数据总数、翻页器相关参数、loading状态，简化业务中使用逻辑，只需关注搜索参数的变化即可。

http缓存主要是针对html,css,img等静态资源。缓存可以让服务器不去处理这个请求，客户端也可以拿到数据。节省带宽、更快的加载页面、减少服务器负载。

业务开发多数页面存在权限判断，比如判断是否登录，没有登录，重定向到登录页面。封装AuthRoute组件，当页面有特殊权限要求时，直接使用AuthRoute代替react-router的Route组件。

JavaScript 平铺数据转tree格式数据，提供多种方法不同思路实现数据转化，支持自定义数据中的唯一值、关联父节点的属性值。

前端使用xlsx导出excel文件，使用npm安装依赖进行excel文件导出，考虑打包后体积的因素可异步加载xlsx资源进行导出。

高德地图的测距工具使用，单次测距后关闭测距工具，多次测距且保留每一次测距所画的线，自定义时机清除之前测距所画的线。

antd 的 table 列数较多时每一列设置的宽度不生效，可以设置table的scroll属性使每一列的宽度正常显示 scroll = {{ x: 'max-content' }}。

自定义 antd 的 table 单元格背景颜色，使用columns的render属性实现时背景色无法覆盖整个单元格，可以使用onCell属性完美实现单元格背景颜色的自定义。

平时开发中经常 -child 和 -of-type 傻傻分不清楚，本文将以:first-child和:first-of-type为例说明其差异。