electron和vue读取本地视频文件并转化为blob

  • Post author:
  • Post category:vue

electron和vue读取本地视频文件并转化为blob fs获取本地视频并转化为blob格式 <template> <div class="test"> <video controls="true" autoplay="" name="media"> <source :src="videoSrc" type="video/mp4"> </vi…

继续阅读 electron和vue读取本地视频文件并转化为blob

vue项目中后台管理系统超过30分钟未进行任何操作删除token,退出登录页

  • Post author:
  • Post category:vue

1. 首先在html根元素上加一个点击事件,vue中是在App.vue中添加点击时间 <div id="app" @click="isTime"> <router-view/> </div> 2.在data中添加三个数据,并记录最后一次点击的时间,当前点击的时间,设置超时时间:30分钟,在页面初始化加载获取最后一次点击的时间。在事件中添加未操作的判断事件,超过3…

继续阅读 vue项目中后台管理系统超过30分钟未进行任何操作删除token,退出登录页

后端菜鸡开发钉钉小程序使用web-view传token到Vue遇到的坑

  • Post author:
  • Post category:vue

起始因为公司要做一个小程序到钉钉上,需要传输文件,无奈钉钉小程序的文档上面只告诉我怎么打开发送图片,我要传的是excel。 找了半天找不到打开文件夹的方法,就只有个上传文件的方法。。(懂的都懂) 只能使用web-view来解决了(开始踩雷) 遇到的问题: 1.官方案例的传值: <web-view id="web-view-1" src="https://open.dingtalk.com/m…

继续阅读 后端菜鸡开发钉钉小程序使用web-view传token到Vue遇到的坑

postcss-px-to-viewport Vue中单位转换:px转vw

  • Post author:
  • Post category:vue

为了移动端的适配,将css中的px单位转换vw(viewport),有些页面组件不需要转换的可也可以直接排除。具体见以下步骤。 1.安装, npm install postcss-px-to-viewport --save--dev px2vw属于开发时依赖。 2.安装完成后,在项目的根目录的postcss.config.js文件中配置如下代码: 如果项目中没有postcss.config.js文…

继续阅读 postcss-px-to-viewport Vue中单位转换:px转vw

vue中使用axios

  • Post author:
  • Post category:vue

axios axios是一个基于promise的HTTP库,可以用在浏览器和node.js中。 axios本质上也是对原生 XHR 的封装,只不过是promise的实现版本 用来向后端发送http请求,获取后端发送的数据 axios安装 npm install --save axios 或者 使用vue-cli创建项目时选择axios 封装axios 对axios进行二次封装主要是为了设置请求拦截…

继续阅读 vue中使用axios

@vue/cli安装成功后,运行vue -V报:不是内部或外部命令

  • Post author:
  • Post category:vue

最近要新建一个项目,就准备使用vue的官方脚手架搭建,于是安装: npm install -g @vue/cli 安装成功了,验证一下是否安装成功,于是: vue -V 但是报错:‘vue’不是内部或外部命令。。。。 这就奇怪了,因为首先俺的node是全局安装的,npm也存在,看了一下vue安装成功后的目录: 然后查了一下资料,可能是需要配置环境变量,于是: 然后在path里,添加路径: 然后重启…

继续阅读 @vue/cli安装成功后,运行vue -V报:不是内部或外部命令

Vue关闭子页面

  • Post author:
  • Post category:vue

Vue关闭子标签页面 //关闭子页面 this.$store.state.tagsView.visitedViews.splice(this.$store.state.tagsView.visitedViews.findIndex(item => item.path === this.$route.path), 1); 版权声明:本文为weixin_44924188原创文章,遵循 CC 4.…

继续阅读 Vue关闭子页面

vue实现动画滚动效果

  • Post author:
  • Post category:vue

效果如下: npm: https://www.npmjs.com/package/vue-seamless-scroll?activeTab=versions 官网: https://chenxuan0000.github.io/vue-seamless-scroll/guide/#npm // 安装 npm install vue-seamless-scroll --save // 导入 imp…

继续阅读 vue实现动画滚动效果

Vue2 创建组件库——(三)打包组件库

  • Post author:
  • Post category:vue

目录 webpack打包js为umd模块 gulp打包css文件 发布组件库到npm webpack打包js为umd模块 创建 webpack.config.js 文件 需要安装 vue-loader,命令: npm i vue-loader -D 在 package.json 文件中写入打包命令,如图: "build:js":"webpack --config ./webpack.config.…

继续阅读 Vue2 创建组件库——(三)打包组件库

springboot+vue+mybtais 实现增删改查页面(一后端页面),带分页操作。附上数据库文件,前后端分离小项目

  • Post author:
  • Post category:vue

1.原先这个小项目数据库框架用的是jpa给他换成了mybtais 需要源码的话可以在评论区留下邮箱 先看效果图 后端项目结构 数据库 新建一个springboot的项目,这个应该都会把,依次建立相应的包。 建数据库 /* Navicat MySQL Data Transfer Source Server : homework Source Server Type : MySQL Source Se…

继续阅读 springboot+vue+mybtais 实现增删改查页面(一后端页面),带分页操作。附上数据库文件,前后端分离小项目