09 2021 档案
摘要：1.网格布局(grid): 它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局; 2.基本概念： 容器和项目，如图所示： <div class="content"> <div class="b">1</div> <div class="b">2</div> <div class="
阅读全文
摘要：1.概念 成对出现：provide和inject是成对出现的 作用：用于父组件向子孙组件传递数据 使用方法：provide在父组件中返回要传给下级的数据，inject在需要使用这个数据的子辈组件或者孙辈等下级组件中注入数据。 使用场景：由于vue有$parent属性可以让子组件访问父组件。但孙组件想
阅读全文
摘要：vue提供install可供我们开发新的插件及全局注册组件等install方法第一个参数是vue的构造器，第二个参数是可选的选项对象 export default { install(Vue,option){ 组件 指令 混入 挂载vue原型 } } 全局注册组件 import PageTools
阅读全文
摘要：vue install vue.use() 在vue项目中，我们可以自定义组件，像element-ui一样使用Vue.use（）方法来使用，具体实现方法： 1.首先新建一个Cmponent.vue文件 // Cmponent.vue <template> <div> 我是组件 </div> </te
阅读全文
摘要：1. 模块分类 在Electron中的模块有些只能在主进程中使用、有些只能在渲染进程中使用、只有一小部分模块在主进程和渲染进程中都可以使用，主要分类如下： 2. remote模块 Electron 中与 GUI 相关的模块只存在于主进程，而不在渲染进程中 ，为了能从渲染进程中使用它们，需要给主进程发
阅读全文
摘要：理解Vue中的Render渲染函数 VUE一般使用template来创建HTML，然后在有的时候，我们需要使用javascript来创建html，这时候我们需要使用render函数。比如如下我想要实现如下html： <div id="container"> <h1> <a href="#"> Hel
阅读全文
摘要：this.$nextTick()将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它，然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样，不同的是回调的 this 自动绑定到调用它的实例上。 假设我们更改了某个dom元素内部的文本，而这时候我们想直接打印出这个被改变
阅读全文
摘要：一、path模块的引入。 直接引用。node中自带的模块 const path = require('path'); 二、path.join(path1，path2，path3.......) 作用：将路径片段使用特定的分隔符（window：\）连接起来形成路径，并规范化生成的路径。若任意一个路径片
阅读全文
摘要：总结下svg-sprite-loader的使用以及配置过程中遇到的不懂的地方 创建svgIcon组件 <template> <svg :class="svgClass" aria-hidden="true" v-on="$listeners"> <use :xlink:href="iconName"
阅读全文
摘要：import Vue from 'vue' import SvgIcon from '@/components/SvgIcon'// svg component // register globally Vue.component('svg-icon', SvgIcon) const req = r
阅读全文
摘要：Electron ipcRenderer 模块 ipcRenderer 模块是一个 EventEmitter 类的实例. 它提供了有限的方法，你可以从渲染进程向主进程发送同步或异步消息. 也可以收到主进程的响应. 发送消息 ipcRenderer 模块有如下方法来发送消息: ipcRenderer.
阅读全文
摘要：一站式学习AI基础知识+核心技术+实操教程+免费工具集 9大课程，边学习边实操，带你通关计算机视觉应用，还有免费工具集和开放平台供所有开发者使用！ window - 计时器 1､setTimeout()可以用来在指定的时间之后单次调用函数。 setTimeount(f,1000);//一秒后调用函数
阅读全文
摘要：如下是对窗口最大化，最小化等相关操作： import { ipcMain, ipcRenderer, remote } from 'electron' import is from 'electron-is' // ipc 通信发送的窗口状态改变事件的channel名称 export const w
阅读全文
摘要：引子 之前的我的博客中对于meta有个介绍，例如：http://www.haorooms.com/post/liulanq_think_ie 浏览器安全性想到的这篇文章，中间介绍了meta下面IE的一些属性，可以实现页面之间的过渡转换。已经SEO优化中有所提及。下面具体介绍一下meta的功能和使用。
阅读全文
摘要：文档地址： https://www.electronjs.org/docs/all ready：当Electron完成初始化时被触发 window-all-closed：所有窗口被关闭 before-quit：在应用程序开始关闭窗口之前触发 will-quit: 当所有窗口都已关闭并且应用程序将推出
阅读全文
摘要：在文件系统中，使用HTML5 File 原生API操作文件 DOM的文件接口提供了关于原生文件的抽象，以便用户可以直接使用HTML5文件API处理原生文件。 Electron已经向 文件 接口添加了一个 path 属性, 在文件系统上暴露出文件的真实路径 示例：获取拖拽到app上的文件的真实路径 <
阅读全文
摘要：Electron运行流程 Electron主进程和渲染进程 主进程：Electron 运行 package.json 的main 脚本的进程被称为主进程。在主进程中运行的脚本通过创建web页面来展示用户界面。一个Electron应用总是有且只有一个主进程。 渲染进程：用户看到的web页面就是由渲染进
阅读全文
摘要：文章标签： electron net系统代理用这个，请求接口用axios就行了 使用Chromium的原生网络库发出HTTP / HTTPS请求 进程：主进程 net 模块是一个发送 HTTP(S) 请求的客户端API。 它类似于Node.js的HTTP 和 HTTPS 模块 ，但它使用的是Chro
阅读全文
摘要：主进程很少有需求需要弹出菜单，所以以下代码怕是没有用 //主进程很少有需求需要弹出菜单const {Menu} = require('electron')setTimeout(()=>{ //如何在主进程中弹出菜单let template = [ {label:'第一个菜单项目'}, {label:
阅读全文
摘要：ipcMain从主进程到渲染进程的异步通信。 线程：主线程 The ipcMain module is an Event Emitter. 当在主进程中使用时，它处理从渲染器进程（网页）发送出来的异步和同步信息。 从渲染器进程发送的消息将被发送到该模块。 https://www.electronjs
阅读全文
摘要：https://www.electronjs.org/docs/api/dialog 对话框显示用于打开和保存文件、警报等的本机系统对话框。 在Electron的主线程上打开 const { dialog } = require('electron')console.log(dialog.showO
阅读全文
摘要：Vue2.x 使用 EventBus 进行组件通信，而 Vue3.x 推荐使用 mitt.js。 比起 Vue 实例上的 EventBus，mitt.js 好在哪里呢？首先它足够小，仅有200bytes，其次支持全部事件的监听和批量移除，它还不依赖 Vue 实例，所以可以跨框架使用，React 或者
阅读全文
摘要：”主进程“和“渲染进程”是Electron的两个核心的概念。 如果你之前做的是浏览器端JavaScript开发，多进程的概念对你来说可能是一个新的领域。 最初对我来说，这绝对是一个思维方式的转变，使用多进程可能意味着我们需要在开发过程中做出跟之前不同的设计抉择。 为什么Electron具有这种多进程
阅读全文
摘要：什么是主进程 electron项目启动的时候运行main.js的进程就是主进程 一个项目有且只有一个主进程 创建窗口等所有系统事件都要在主进程中进行简单的说就是我们的electron项目的主进程只有一个, 主进程的执行代码需要写到main.js中, 所有跟系统事件相关的代码统统都要写在这里 什么是渲
阅读全文
摘要：1、路由传值 this.$router.push() （1） 想要导航到不同的URL，使用router.push()方法，这个方法会向history栈添加一个新纪录，所以，当用户点击浏览器后退按钮时，会回到之前的URL （2）当点击 <router-link> 时，这个方法会在内部调用，即点击 <r
阅读全文
摘要：数据排序 asc、desc1、单一字段排序order by 字段名称作用： 通过哪个或哪些字段进行排序含义： 排序采用 order by 子句，order by 后面跟上排序字段，排序字段可以放多个，多个采用逗号间隔，order by默认采用升序（asc），如果存在 where 子句，那么 orde
阅读全文
摘要：JSZip jszip是一个用于创建、读取和编辑.zip文件的JavaScript库，且API的使用也很简单。 安装 npm install jszip 需用到jszip/dist下的jszip.min.js文件以及jszip/vendor下的FileSaver.js文件 引入 将js文件放到jsz
阅读全文
摘要：SVG专栏收录该内容订阅专栏一、关于SVG.jsSVG.js是一个基于SVG的开源JS库，支持操作 SVG 和执行 SVG 动画。真的很好用！(在实际项目场景中，使用SVG.js很便利友好) github仓库官方文档本文Demo源码二、安装// npmnpm install @svgdotjs/sv
阅读全文
摘要：Vue订阅专栏GET http://localhost:9080/__webpack_hmr net::ERR_ABORTED解决方案使用版本解决方案解决总结使用版本以下是我解决此问题时使用的electron和vue等的一些版本信息 【附】经过测试 electron 的版本为 13.1.4 时也能解
阅读全文
摘要：1.安装sass的依赖包 npm install --save-dev sass-loader （若出错，因为sass-loader版本过高导致，可以将其package.json中的版本改为7.3.1，然后再重新安装sass-loader包，若是还过高，则重装6.x,cnpm i sass-load
阅读全文
摘要：本文主要是描述electron中路径相关的问题 静态资源丢失的原因 静态资源路径一致性处理方案-resolvePath 常用路径 userPath/appData/文档 pathUtil的封装 一、静态资源丢失的原因 Electron常见问题（二）Electron图标打包我们讨论过静态资源的打包，但
阅读全文
摘要：buf.writeDoubleBE(value, offset[, noAssert])buf.writeDoubleLE(value, offset[, noAssert]) value {Number} 需要被写入到 Buffer 的字节+ offset {Number} 0 <= offset
阅读全文
摘要：buffer 订阅专栏Buffer.from(), Buffer.alloc() 都是创建一个buffer， Buffer.from()从字符串或者数组创建一个buffer, Buffer.alloc()是创建一个指定大小的buffer。 用法示例 // 从字符串创建一个bufferconst bu
阅读全文
摘要：在Nodejs升级到8.0之后安装 $ npm install -g node-inspector 会提示报错，由此去node-inspector的讨论区找了问题的解决方案。果然在讨论区发现同样问题的产生，及如何解决的过程，链接地址https://github.com/node-inspector/
阅读全文
摘要：nodemon nodemon是一种工具，可以自动检测到目录中的文件更改时通过重新启动应用程序来调试基于node.js的应用程序。 安装 npm install -g nodemon //或 npm install --save-dev nodemon 使用 nodemon ./main.js //
阅读全文
摘要：Want to check our beta docs site? We'd love your feedback. 指南：开始使用 Electron 简介 快速入门 流程模型 为你的应用添加功能 通知（Notifications） 最近的文件 应用程序进程 自定义 Dock 菜单 自定义 Wind
阅读全文
摘要：2021 FinTechathon 微众银行第三届金融科技高校技术大赛在用脚手架搭建vue项目时，提示：无法加载文件 C:\Users\1111111\AppData\Roaming\npm\vue.ps1,因为在此系统禁止运行脚本 这是你笔记本禁止运行脚本，解决办法 1.管理员身份打开 2 3.输
阅读全文
摘要：一、问题描述 创建Vue项目vue init webpack demo 提示“无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称” 二、解决方法 1、首先确认是否安装了脚手架vue-cli，没有的话，先进行安装 1 npm install vue-cli -g 2、使用命令np
阅读全文
摘要：写在前面：Electron相关的操作还是不要使用CNPM的操作命令，这样后面会遇到各种问题：比如安装某些依赖的问题；但是原生的NPM命令又很慢，咋怎呢？有办法！使用smart-npm 安装smart-npm npm install --global smart-npm --registry=http
阅读全文
摘要：Electron-vue搭建vue全家桶+Element UI客户端（一） electron-vue项目实践专栏收录该内容1 篇文章1 订阅订阅专栏本文将以electron6.x+webpack4+vue全家桶+element-ui为技术栈，一套代码可以分别打包在客户端和web端，结合webpack
阅读全文
摘要：首先我们用vue-cli新建项目。全局安装vue-cli npm install -g vue-cli 创建一个名字为demo的项目。 vue init webpack demo 结果报错了，错误如下： 在网上找了很多，没发现同样的错误，试了网上很多方法也不管用，然后看到一篇文章说要更新一下node
阅读全文
摘要：Uncaught ReferenceError: process is not defined 发现许多博客只是添加了nodeIntegration: true,1仍然会报这个问题 解决办法# 再添加一行contextIsolation: false12# 完整代码 const mainWindow
阅读全文
摘要：订阅专栏一.初始化：1.初始化：（1）使用npm init命令就可以初始化一个package.json文件 （2）在初始化的过程中，会叫用户输入name, version等等信息，当然，你都可以忽略。一路点回车，就生成了下面这样一个初始化的package.json （3）package文件代码： {
阅读全文
摘要：PowerShell yarn : 无法加载文件 C:\Users\Admin\AppData\Roaming\npm\yarn.ps1,因为在此系统因为在此系统上禁止运行脚本。 yarn订阅专栏搜索powershell，右键以管理员身份运行若要在本地计算机上运行您编写的未签名脚本和来自其他用户的签
阅读全文
