vue

限制 video 播放 快进 （vue）

  • Post author:
  • Post category:vue

限制/禁止 video 播放 快进 htmlscript html <video ref="video" :src="videoUrl" controls @timeupdate="timeupdate"></video> script export default { name: '', data() { return { maxTime: 0, currentTime …

继续阅读 限制 video 播放 快进 （vue）

el-table去表格边框（vue element-ui ）

  • Post author:
  • Post category:vue

话不多说 直接上代码 // 去掉表格单元格边框 .customer-table th { border: none; } .customer-table td, .customer-table th.is-leaf { border: none; } // 表格最外边框 .el-table--border, .el-table--group { border: none; } // 头部边框 .c…

继续阅读 el-table去表格边框（vue element-ui ）

docker 自动化部署vue 项目

  • Post author:
  • Post category:vue

最近把项目的部署换成了自动化部署，采用jenkins+docker+docker-compose+阿里云容器镜像服务（本来一开始是拉取代码在自己服务器上build的，考虑到自己服务器的性能，最后还是采用了阿里云的），记录一下docker部署 vue 的过程。 在vue项目根目录下新建 nginx.conf worker_processes auto; #error_log logs/error.l…

继续阅读 docker 自动化部署vue 项目

vue出错的解决

  • Post author:
  • Post category:vue

1、因为本地重新安装node-sass，导致本地项目代码的package-lock.json和package.json变化了，导致打包的vue项目无法访问 先后报了如下2种错误 Uncaught TypeError: Object(...) is not a function __VUE_HMR_RUNTIME__ is not defined 2、尝试解决方法 在vue.config.js 里增…

继续阅读 vue出错的解决

Vue中双向绑定详解(defineProperty和Proxy)

  • Post author:
  • Post category:vue

1.首先复习一下我们平时是怎么写双向绑定的 <div id="app"> <input type="text" v-model="msg"> <p> {{msg}}</p> </div> <script src="https://cdn.jsdelivr.net/npm/vue"></script> <scr…

继续阅读 Vue中双向绑定详解(defineProperty和Proxy)

vue-cli5脚手架搭建项目过程详解 -vue组件单元测试

  • Post author:
  • Post category:vue

简介 单元测试是对软件中的最小可测试单元进行测试。（最小可测试单元是要有结果产出的。例如某个方法，单独的某个操作） 单元测试其实是伴随着敏捷开发，它是对更快开发的一种追求。早发现错误比晚发现错误会更好，保证自己的代码符合要求 一: 搭建基于 jest 的 vue 单元测试环境 零配置开箱即用 https://jestjs.io/zh-Hans/docs/getting-started 二: 使用 …

继续阅读 vue-cli5脚手架搭建项目过程详解 -vue组件单元测试

springboot 和vue前后端分离 跨域配置

  • Post author:
  • Post category:vue

全局跨域配置 package com.eaos.util.config; import org.springframework.context.annotation.Bean; import org.springframework.context.annotation.Configuration; import org.springframework.web.cors.CorsConfigurat…

继续阅读 springboot 和vue前后端分离 跨域配置

Vue源码解读——数据驱动（二）

  • Post author:
  • Post category:vue

数据驱动的理解 vue是一种mvvm模式的js库，特点就是数据驱动，数据双向绑定，组件化。由于前端变成过程中频繁的操作dom是很消耗性能而且代码不易维护。数据驱动可以让我在开发过程中只关注数据和视图，减少dom操作提高性能，使项目更易读，易维护。 new Vue 发生了什么 new Vue的时候会通过我们传入的参数解析，把el通过mount挂载到vm上，接管DOM，渲染数据，目的是为了把模板最终渲…

继续阅读 Vue源码解读——数据驱动（二）

什么是 vue-cli？怎样创建vue-cli项目？

  • Post author:
  • Post category:vue

1.什么是 vue-cli vue-cli(俗称：vue 脚手架)是 vue 官方提供的、快速生成 vue 工程化项目的工具。 特点：① 开箱即用，② 基于 webpack，③ 功能丰富且易于扩展，④ 支持创建 vue2 和 vue3 的项目 vue-cli 的中文官网首页：https://cli.vuejs.org/zh/ 2.安装 vue-cli vue-cli 是基于 Node.js 开发出…

继续阅读 什么是 vue-cli？怎样创建vue-cli项目？

vue页面内容生成图片并保存本地方案

  • Post author:
  • Post category:vue

既然你打开了这篇博客，那么你肯定碰到了和页面截图多少相关的问题，你在浏览器内生成图片也好，微信内生成页面图片也好，都需要面对把页面内容转成图片的问题。 1.将整个页面转成图片； 2.将页面内部分内容转成图片。 解决方案如下： 1.引入html2canvas 为了更便捷有效的开发，这里可以引入html2canvas这个插件，如果读者不想采用这种方案，可以跳过下面内容，自行寻求其他解决方案。 点击可以…

继续阅读 vue页面内容生成图片并保存本地方案