简单一步，带你入手Nuxt3 + 高德地图2.0

1、项目初始化使用官方脚手架创建基本项目 Installation · Get Started with Nuxtnpx nuxi@latest init <project-name>2、安装高德地图依赖 @amap/amap-jsapi-loader 和 @amap/amap-jsapi-types@amap/amap-jsapi-loader 是API依赖包@amap/amap-jsapi-types 是Type声明包yarn add @amap/amap-jsapi-loader @amap/amap-jsapi-types3、编写插件 plugins/amap.client.ts// plugins/amap.client.ts // 引入 AMapLoader 依赖包 import AMapLoader from '@amap/amap-jsapi-loader'; export default defineNuxtPlugin(async (nuxtApp) => { // 安全密钥 ;(window as any)._AMapSecurityCo

学习 · 2024-04-18

【搬运】H5轮询检查页面更新实现

代码库interface Options { timer?: number } export class Updater { oldScript: string[] //存储第一次值也就是script 的hash 信息 newScript: string[] //获取新的值 也就是新的script 的hash信息 dispatch: Record<string, Function[]> //小型发布订阅通知用户更新了 constructor(options: Options) { this.oldScript = []; this.newScript = [] this.dispatch = {} this.init() //初始化 this.timing(options?.timer)//轮询 } async init() { const html: string = await this.getHtml()

学习 · 2023-11-06

linux服务器Minio简易版OSS安装指南

前置服务器一台minio安装包（国内镜像），下载对应版本的minio运行文件配置文件在/etc/default 目录创建 minio 配置文件，如下：配置文件不能有中文，请将下面中文提示删除# MINIO_ROOT_USER and MINIO_ROOT_PASSWORD sets the root account for the MinIO server. # This user has unrestricted permissions to perform S3 and administrative API operations on any resource in the deployment. # Omit to use the default values 'minioadmin:minioadmin'. # MinIO recommends setting non-default values as a best practice, regardless of environment MINIO_ROOT_USER=minioadmim # 控制台账号 MINIO_ROO

学习 · 2023-09-17

UNIAPP 微信小程序授权检查以及拉起授权提示

使用方法// 引入 import { authorize } from '@/path/to/xx.js' // 使用 authorize({ scope: 'scope.userLocation', showModal: true, authName: '获取位置信息', success: () => { console.log('授权成功') uni.getLocation({ isHighAccuracy: true, success: res => { console.log(res); }, fail: (err) => { console.log(err.errMsg); } }) }, fail: err => { console.error('au

学习 · 2023-09-13

TypeScript 内 navigator.connection 没有声明的解决办法

问题如下解决办法StackOverflow Error TS2339: Property 'Connection' does not exist on type 'Navigator'图示export type Navigator = NavigatorNetworkInformation export declare interface NavigatorNetworkInformation { readonly connection?: NetworkInformation } type Megabit = number type Millisecond = number export type EffectiveConnectionType = '2g' | '3g' | '4g' | 'slow-2g' | 'unknown' export type ConnectionType = | 'bluetooth' | 'cellular' | 'ethernet' | 'mixed' | 'none' | 'other' | 'unknown'

学习 · 2023-01-03
2020 - 2025 LETTERED. All Rights Reserved.
Theme Jasmine by Kent Liao | 桂ICP备15008025号-6