electron打包部署和开发问题填坑集合
填坑一 : electron打包运行为空白 vue项目构建完成默认为 History ,此时的路由模式在本地运行时没问题的,打包后客户端会出现空白现象;原因是匹配不到路径,将将路由模式改为 hash 模式既可 router.js // 导入 routerimport { createRouter, createWebHistory,createWe…
electron项目模板& 进程间通信
项目构建 技术选型:electronV19.0.4 / vue3.0 / vite 项目构建模板: github下载 运行 // 运行yarn electron:serve// 打包yarn electron:build electron 进程通信 主进程同渲染进程之间通信 ipcRenderer & ipcMain index.vue 渲…
electron引用静态资源图片
electron引入图片 <!-- 1. 图片需要放在 public 文件下新建 img 文件 2. 引入时可以直接访问 /img/xxx--><img src="/img/xxx.png">​<!-- 1. CSS 引入图片中 ../img/xxx.png-->.container{ background:ur…
浏览器渲染机制和CRP优化
浏览器基础知识 通过浏览器访问页面,首先浏览器会请求回来一个HTML文档,然后自上而下开始渲染,这里面就包括进程和线程的基本概念 进程: 指一个程序 ( 浏览器打开一个页面,就相当于开一个进行 )线程: 进程中具体执行事物的东西,一个线程同时只能做一件事同步编程: 一般是指一个线程去处理任务,上面的任务处理不完,下面的任务就无法处理异步编程:多线程…
JS 数据类型检查原理
数据类型检测的方法 typeof : 返回一个字符包含对应的数字类型typeof 只能检测原始的数据类型typeof null 会返回 objecttypeof new Number(0) 会返回 object let arr = [];typeof arr // objecttypeof "123" // string typeof ne…
JS运行原理和垃圾回收机制
JS运行原理 名词介绍 堆:heap栈:stack执行环境栈作用:供代码执行上下文:ECEC(G):全局执行上下文目的:区别代码执行环境全局代码都在全局上文中执行全局对象:GO存储浏览器内置API浏览器(window);node中(global)变量对象 VO、AOVO(G) 变量对象存储当前上下文声明的变量 赋值的执行过程 创建一个值原始值:存在…
数据类型及隐式转换原理
数据类型 了解 JS 的小伙伴 ES6 开始 新增了两个基本类型,即改变为 “五基两空一对象” 基础类型string、number、boolean、null、undefined、symbol、bigint对象类型Object对象Array、RegExp、Date、Error、Math、ArrayBuffer..... 除了 symbol 和 big…
彻底搞懂文件上传带完整实现过程
传统原生表单上传样式已经不满足现在前端发展的需求,现在市场通常采用各种第三方UI组件库满足日常所需。但在开发中包括我在内的不少开发者知其然却不知其所以然,这篇文章让我们彻底搞懂文件上传的各个场景 单一文件上传 实现思路 实现上传功能仍然需要借助 input 的 file 属性,并隐藏隐藏元素 使用 js 手动触发 input 事件 用 html 元…
09. router的使用
<script>    import { useRouter } from 'vue-router'    exprot default {   setup(){            const router = useRou…
08.CompositionAPi 使用 Vuex
vue <template>  <div class="about">    <h1>This is an about page</h1>    <h2 @click="handleClick">{{name}}</h2> &n…