夕阳的云的博客

cmd 和 powershell 设置 编码

项目中需要将图片进行等比例压缩展示，哎，烦！HTML部分：<input type="file" id="file">js部分let reader = new FileReader();let imgFile = document.querySelector("#file");imgFile.addEventListener('change', (e) => { let file = e.target.files[0]; reader.r...

现在这个需求是在微信分享的时候将要将播放按钮放在分享图片中，因此需要加上传的分享图片和播放图片合着一张图片drawAndShareImage(bgsrc, src) { let canvas = document.createElement('canvas'); canvas.width = 400; canvas.height = 400; let context = canvas.getContext('2d'); context.rect(0, 0,...

项目中要求上传视频的时候要自动获取第一帧作为App端的视频播放封面。1、获取视频的第一帧封面captureImage() { let that = this; // 创建视频对象 let video = new Video(); video.width = 200; vieo.height = 500; video.setAttribute('crossOrigin'， 'Anonymous'); video.setAttribute('co

之前写了一个基于AWS.S3的大视频上传，现在项目要求对上传同一个文件不调用上传AWS的接口，而直接把原来的链接直接返回。因此对文件进行md5加密。因为对同一个文件返回的md5加密是一样，因此通过spark-md5组件进行加密。 1、安装和引入npm i spark-md5 // 安装spark-md5import SparkMD5 from 'spark-md5' 2、进行加密getFileMd5(file) { let that = thi...

之前我们的项目上传视频都是后台提供的接口，现在需要上传大视频因此我现在改成了基于亚马逊的AWS上传视频1、安装和引入AWS.S3npm i aws-sdk // 安装aws-sdkimport AWS from 'aws-sdk' // vue文件引入2、需要后台提供获取临时tooken的接口this.$get(url,{}).then(res => { if (res.data.code === '0') { this.s3 = new AWS

今天项目中有一个三级树形功能，写完自己有想写一个根据数据自动生成的树形结构。主要的思路：就是树形结构是一个重复的循环的，因此需要遍历自己的组件。只是生成一级的数据，而下面的数据没有生成并且报错了。组件需要一个name属性。因此最终的代码如下：<templat...

最近写了一个后台管理项目中需要进行文本，在网上百度一下发现了wangEditor这个编辑器挺不错的。<template> <!-- 富文本组件 --> <div id="editor"></div></template> data() { return { editor: '',...

今天加班先来无事，写了一个弹窗查看图片，具有放大，缩小，旋转，拖拽功能。1、html部分<template> <!-- 查看图片放大组件 --> <div id="look-image" v-if="visible"> <!-- 图片展示区 --> <div class="look-image...

1、select下拉框不展示label值只展示value值 需要将options数组里面的value值要设置跟动态获取的value值类型一致。 2、输入框或者文本域不能输入的问题 有的时候文本或者输入框不能输入，可以通过this.$forceUpdate();解决 3、下拉...

最近的一个项目需要写一个日历插件，对一些知识点有了新认识，所以记下方便以后的查阅 其中对日期函数有了更深入的了解：    var date = new Date();               date .getYear(); //获取当前年份(2位)               date .getFullYear(); //获取完整的年份(4位,1970-????)     ...