lettered 发布的文章 - LETTERED

Vue2/Vue3 项目生产环境开启 vue devtools 插件线上调试

Vue2 项目开启 vue devtools在控制台运行以下代码var node; const walker = document.createTreeWalker(document.body,1); while ((node = walker.nextNode())) { if (node.__vue__) { const Vue = node.__vue__.$options._base; if (!Vue.config.devtools) { Vue.config.devtools = true; if (window.__VUE_DEVTOOLS_GLOBAL_HOOK__) { window.__VUE_DEVTOOLS_GLOBAL_HOOK__.emit('init', Vue); console.log('==> vue devtools now is enabled'); } } break; } }Vue3 项目开启 vue devtoolsvar

学习 · 昨天

简单一步，带你入手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

Theme Jasmine by Kent Liao | 桂ICP备15008025号-6