注意代码并不完善，为了方便演示，账号密码目前是硬编码的，后期请自行调整为安全的环境变量方式，直接上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Alist File Upload</title> </he…
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>示例</title> <style> html, body { width: 100%; height: 100%; overflow: hidden; disp…
原理 调用浏览器原生API：Geolocation，获取地球坐标 (WGS84)。为追求精准度不建议直接用，而是选择成熟的地图产品接口，比如接下来我们直接调百度地图JS API。 注意部署域名前缀需要https，开发环境可以用phpstudy一键申请开发者测试证书从443端口访问。访问页面后，浏览器将会弹出提权窗口提示获取地理位置权限，也就是说大部…
以下是四段文字和一个头像的出场动画 文字分别从上下左右从无到有渐显出场，而头像从小到大旋转出场 /* 上到下入场 */ .text1 { animation: slideBottom 1s ease forwards; opacity: 0; } /* 左到右入场 */ .text2 { animation: slideRight 1s ease …
进入官网，使用示例： <div> <img src="https://placehold.co/200x200?text=QR+Code" alt="QR Code" class="w-48 h-48"> </div>