分类：前端 - MeowrainのBlog|木更老婆！！！

Vue templateRef

笔记 vue 前端

Vue templateRef参考： https://cn.vuejs.org/guide/essentials/template-refs.html#ref-on-componentApp.vue<script setup>import { ref,useTemplateRef,onM

Vue 表单输入与绑定

笔记 vue 前端

表单输入与绑定v-model 使用输入框复选框<script setup lang="ts">import {ref,reactive} from 'vue';const text = ref(false)</script><temp

Nuxt封装axios为plugin

笔记 Nuxt 前端

import type { AxiosInstance, AxiosResponse, InternalAxiosRequestConfig,} from "axios";import axios from "axios";declare module

SSE练习

笔记 Go Javascript 前端

SSE需求当需要让服务端向客户端发送消息的时候比如实时更新状态或推荐内容相比websocket消耗资源更少，而且建立连接更方便，自带重传机制，不需要像websocket一样需要自己实现重传机制参考资料https://zh.javascript.info/server-sent-eventshttps

Web Worker使用

Javascript 前端

参考链接：https://juejin.cn/post/7139718200177983524来源：稀土掘金介绍Web Worker 是 HTML5 标准的一部分，这一规范定义了一套 API，允许我们在 js 主线程之外开辟新的 Worker 线程，并将一段 js 脚本运行其中，它赋予了开发者利用

Electron項目因爲eslint配置原因報require錯誤解決

笔记前端

找到.eslintrc.cjs/* eslint-env node */require('@rushstack/eslint-patch/modern-module-resolution')module.exports = { root: true, 'extends&#

Electron引入和使用sqlite

笔记前端

安裝sqlitenpm i sqlite3在main.js中使用ipcMain創建相關函數記住要導入包app.whenReady().then(() => { createWindow() dbInit()})const sqlite3 = require('sqlite3'

Vue項目導入Electron

前端

安裝vuenpm create vue@latest安裝electron在安装 electron之前需要先配置一下安装源新建一个 .npmrc文件windows的.npmrc在C:\Users\yournameLinux在用戶家目錄下proxy=http://127.0.0.1:2080home=

跨域问题

笔记 vue 前端

什么是跨域跨域：浏览器从一个域名的网页去请求另一个域名的资源时，域名、端口、协议任一不同，都是跨域。在前后端分离的模式下，前后端的域名是不一致的，此时就会发生跨域访问问题。跨域问题来源于JavaScript的同源策略，即只有协议+主机名+端口号(如存在)相同，则允许相互访问。也就是说JavaScr

Vite中加载环境变量

笔记 vue 前端

介绍公共变量Vite 在一个特殊的 import.meta.env 对象上暴露环境变量，这些变量在构建时会被静态地替换掉。加载的环境变量也会通过 import.meta.env 以字符串形式暴露给客户端源码。为了防止意外地将一些环境变量泄漏到客户端，只有以 VITE_ 为前缀的变量才会暴露给经过 v