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

Vue transition组件

vue  前端 

官方文档: https://cn.vuejs.org/guide/built-ins/transition.html使用v-if处理盒子显示和消失🤓 看上去很生硬,不是吗?我们来用transition组件处理一下<template> <div> <el-but

Vue keep-alive组件使用

vue  前端 

keep-alive组件作用我们的要组件能在被“切走”的时候保留它们的状态。要解决这个问题,我们可以用 内置组件将这些动态组件包装起来<!-- 非活跃的组件将会被缓存! --><KeepAlive><component :is="activeComponen

Vue插槽使用

vue  前端 

简单使用TestView.vue<script setup lang="ts"></script><template><div class="parent"> <slot> </sl

Vue生命周期

vue  前端 

一:主要分为渲染、更新、销毁三个部分1:渲染顺序 (先父后子,完成顺序:先子后父)子组件先挂载,然后到父组件父 beforeCreate->父 created->父 beforeMount->子 beforeCreate->子 created->子 beforeMoun

Vue组件值传递

vue  前端 

父子组件传值父组件<script setup lang="ts">import { onMounted, ref } from 'vue'import TestView from '../views/TestView.vue'let i