灵感与AI的碰撞💥
嗯,这几天想了很多也做了很多,灵感来了就找AI帮忙实现,用得最多的就是千问和DeepSeek,两位各有千秋,某些时候千问死活做不出我想要的样子,换DeepSeek就做出来了,有时又相反。
💫 自动定位功能
严格来说前端发布附带定位功能是 ~/note/4357 早在去年做出前端发布时就想搞一个的,但始终没有成功,于是先搁至,这一晃大半年过去了。
突然今天又想到这个功能,于是想了又想,何不用高德的api试一下,嗨👋……成功了我草。


调用高德地图api实现定位,速度很快,每月免费的额度完全够用,爽的一批,虽然实用性不大,但成就感满🈵一框。
🦅 完善快捷指令
自上次 ~/note/5122 做好快捷指令之后也没闲着,不断优化同时增加了天气和定位,但由于手机定位返回的数据不是json格式。
且街道有时和中国反过来,导至我在前端输出名称时很难搞,因为我不想输出这么一长串,代码写了一大堆仍不理想,这次修改快捷指令。
同样用高德api获取经纬度和地址后格式化写进数据库,前端只需explode分割出来即可食用,完美解决这一痛点😃。
{
"regeocode": {
"addressComponent": { // ← 这个是 AddrComp
"city": "贵阳市",
"district": "开阳县",
"streetNumber": { // ← 从 AddrComp 获取 streetNumber
"street": "城南路",
"number": "24号"
}
}
}
}

同时用高德api通过经纬度渲染地图,让定位可直观显示,不在是静态的文字,改动很大,快捷指令仍然是最最最难搞的一部分,花了几个小时才弄出来😓
🪜 重构首页动态图片布局
这一项真的是耗时最多最久的,花的心思也最多最满意,去掉了灯箱,那玩意简直看烦了,我这个最大的特色就是两种布局方式,互不影响。


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

