- 博客(3)
- 收藏
- 关注
RSS订阅原创 React useQuery 使用
React Query 的 useQuery Hook 提供了强大的数据获取和状态管理能力。文章介绍了 useQuery 的基本用法，包括安装设置、查询选项配置、状态处理和错误管理等。核心功能涵盖条件查询、分页加载、无限滚动等场景，以及缓存控制、预取数据和手动更新等优化技巧。通过清晰的代码示例展示了如何实现数据请求、加载状态处理和错误处理。最佳实践建议包括使用描述性 queryKey、合理设置缓存时间等，帮助开发者高效管理服务器状态。
2026-01-04 14:11:37
168
原创 前端针对不同屏幕尺寸自适应
本文主要介绍了响应式布局的核心思想及实现方法。核心思想包括使用flex布局、rem、vw、vh等单位，以及通过媒体查询或检测屏幕尺寸来适配不同设备。文章详细解释了rem、vw、vh的使用方法及其区别：rem基于根元素字体大小，通过JS动态调整；vw和vh则直接根据视口宽度和高度自动缩放。此外，还介绍了百分比布局的局限性。文章还提供了相关工具（如postcss-pxtorem、postcss-px-to-viewport）的配置和使用方法，并强调了在边距处理、图片适配和数据可视化项目中的注意事项。最后，拓展了
2025-05-15 13:39:43
651
原创 离线地图解决方案
前端拿到的地图数据中绝大多数是墨卡托坐标，很小一部分是经纬度坐标。在进行投影计算时需要换算为弧度（rad） 墨卡托投影得到的二维坐标单位是米（m）；电子地图涉及几种坐标系， 每种坐标的计量单位如下：经纬度是球面坐标，我们日常使用经纬度单位的是角度（deg），下载下来的文件要根据级别去修改名称，这样做是为了后续的算法加载瓦片，需要下载地图瓦片放在本地，脱离在线地图服务，实现离线加载地图。同级别瓦片的文件名都是一样的。
2023-07-14 13:19:07
448
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人