随笔分类 - javaScript
摘要：需要使用canvas来压缩 val context = canvas.getContext("2d"); //参数说明 //img 图像对象或者canvas对象 // x 图像的x坐标 // y 轴坐标 // w 宽度 可能会导致宽度缩放 // h 高度 可能会导致高度缩放 context.draw
阅读全文
摘要：image.naturalWidth image.naturalHeight
阅读全文
摘要：beforeRouteEnter 中不能在beforeRouteEnter使用this获取到vue对象 只能通过间接方法 beforeRouteEnter(to, from, next){ next(vm => { // 这个vm就是当前的vue对象 }); } 想要通过vue对象的某些字段阻止路由
阅读全文
摘要：稍微改改就能使用了，这里预览直接在裁剪框canvas上显示了， 可以直接使用canvas.toBlob((result)=>{ //result 就是blob 使用formdata包装一下就可以使用ajax等技术上传了 const formData = new FormData(); formDat
阅读全文
摘要：let user = { name: '张三'， age: 18, address: '梁山' } 比如要删除address属性 delete user.address; 或者 delete user['address'];
阅读全文
摘要：在路由的js中添加 import VueRouter from "vue-router"; // 处理路由重复点击出错问题const originalPush = VueRouter.prototype.push;VueRouter.prototype.push = function push(lo
阅读全文
摘要：安装插件 yarn add @vue/babel-plugin-transform-vue-jsx -D 前提 已经配置了babel-loader 在babel的plugins中配置中增加 presets: [ "@babel/preset-env" ], plugins:[ .... "@vue/
阅读全文
摘要：route.meta.transition 用来处理不同的路由使用不同的动画 但是需要我们定义好动画样式 比如 route.meta.transition = aa 则定义样式 .aa-enter-active .aa-enter-from .aa-enter-to 等样式 route.meta.t
阅读全文
摘要：webopack 5 直接配置默认资源处理器即可 type: 'asset/resource'webpack5之前只能使用 loader处理 { test: /\.(jpg|png|jpeg|gif|svg)$/i, // type: 'asset/resource' use: [ { loader
阅读全文
摘要：v-for 上使用 ref 注意使用this.$refs.xx 获取到的是数组 即便是生成后元素的ref没有重复 v-for 上使用ref 没有必要绑定不同的ref 根据索引就能找到相应的元素 我们可以在v-for外部包裹 一层div 比如设置ref=aa 获取内部的子元素可以使用 this.$re
阅读全文
摘要：使用yarn electron:serve 测试是正常的 打包后就异常了 首先修改路由模式 // vue-router 4.x版本 const router = createRouter({ history: process.env.IS_ELECTRON ? createWebHashHistor
阅读全文
摘要：1、安装npm install -g @vue/cli @vue/cli-init @vue/cli-init 应该就是为了可以创建vue-cli2项目 @vue/cli-init 没有安装的话 下面的指令无法执行 2、执行命令创建项目 vue init simulatedgreg/electron
阅读全文
摘要：fluent-ffmpeg 只能在electron 主进程使用 安装 yarn add fluent-ffmpeg 修改 /node_modules/fluent-ffmpeg/index.js // module.exports = process.env.FLUENTFFMPEG_COV ? r
阅读全文
摘要：from 需要拷贝那个文件夹的文件 to 拷贝到哪个文件夹 ignore 需要忽略的文件 transform 函数 可以修改拷贝后的文件 一般html css js 等文件我们可以在这里进行压缩操作 new CopyWebpackPlugin([ { from: path.join(__dirnam
阅读全文
摘要：在node_modules/app-builder-lib/out/targets/nsis/NsisTarget.js 中添加 在460行左右添加 args.push("-INPUTCHARSET", "UTF8"); 还可以修改目录为英文目录，就不需要添加上面的代码了
阅读全文
摘要：# 这个设置后会把其他的class覆盖掉 element.setAttribute('class', 'class1')# 下面的方法添加一个或多个class样式 不会覆盖原来的class element.classList.add('class1'); element.classList.add(
阅读全文
摘要：electron-pdf-window const PDFWindow = require('electron-pdf-window') const win = new PDFWindow({ width: 800, height: 600, alwaysOnTop: true, title: ti
阅读全文
摘要：AudioContext接口表示由链接在一起的音频模块构建的音频处理图，每个模块由一个AudioNode表示。音频上下文控制它包含的节点的创建和音频处理或解码的执行。在做任何其他操作之前，您需要创建一个AudioContext对象，因为所有事情都是在上下文中发生的。建议创建一个AudioContex
阅读全文
摘要：方式1 利用canvas处理 /* 计算文字宽度 text 需要计算宽度的文字 包括空格 font 字体属性 比如 `12px sans-serif` */ function getTextWidth(text, font) { // getTextWidth.canvas 这里主要为了复用一个ca
阅读全文
摘要：Math.ceil 向上取整 Math.floor 向下取整 Math.round 四舍五入 parseInt 直接去掉小数部分 取整
阅读全文
