AVATAR

Life is live.

309 说说 71 文章 35 相册 4991留言

王较瘦的个人主页 运行 6448 天

老王正在 休息

运动
今日行走 0 步

当地时间GMT+8 00:00:00

灵感与AI的碰撞💥 3/8/2026王叔书60

嗯,这几天想了很多也做了很多,灵感来了就找AI帮忙实现,用得最多的就是千问和DeepSeek,两位各有千秋,某些时候千问死活做不出我想要的样子,换DeepSeek就做出来了,有时又相反。

💫 自动定位功能

严格来说前端发布附带定位功能是 ~/note/4357 早在去年做出前端发布时就想搞一个的,但始终没有成功,于是先搁至,这一晃大半年过去了。

突然今天又想到这个功能,于是想了又想,何不用高德的api试一下,嗨👋……成功了我草。

1270x374-2216394120.png
1212x2728-625445710.jpeg

调用高德地图api实现定位,速度很快,每月免费的额度完全够用,爽的一批,虽然实用性不大,但成就感满🈵一框。

🦅 完善快捷指令

自上次 ~/note/5122 做好快捷指令之后也没闲着,不断优化同时增加了天气和定位,但由于手机定位返回的数据不是json格式。

且街道有时和中国反过来,导至我在前端输出名称时很难搞,因为我不想输出这么一长串,代码写了一大堆仍不理想,这次修改快捷指令。

同样用高德api获取经纬度和地址后格式化写进数据库,前端只需explode分割出来即可食用,完美解决这一痛点😃。

    {
  "regeocode": {
    "addressComponent": {              // ← 这个是 AddrComp
      "city": "贵阳市",
      "district": "开阳县",
      "streetNumber": {                // ← 从 AddrComp 获取 streetNumber
        "street": "城南路",
        "number": "24号"
      }
    }
  }
}

1156x738-3144187907.png
1024x1830-652770275.jpeg

同时用高德api通过经纬度渲染地图,让定位可直观显示,不在是静态的文字,改动很大,快捷指令仍然是最最最难搞的一部分,花了几个小时才弄出来😓

🪜 重构首页动态图片布局

这一项真的是耗时最多最久的,花的心思也最多最满意,去掉了灯箱,那玩意简直看烦了,我这个最大的特色就是两种布局方式,互不影响。

1276x838-3163571903.png
1284x1440-88524839.png

展开前就是普通的grid布局,点击后显示大图,并且在大图加载完成前有淡出效果和loading,高级感满满的🎱

上一篇 下一篇
「评论模块开发中」