- 博客(22)
- 收藏
- 关注
RSS订阅原创 js等比例压缩图片
项目中需要将图片进行等比例压缩展示，哎，烦！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...
2020-08-04 23:59:58
1412
原创 js将两张图片合成一张图片
现在这个需求是在微信分享的时候将要将播放按钮放在分享图片中，因此需要加上传的分享图片和播放图片合着一张图片drawAndShareImage(bgsrc, src) { let canvas = document.createElement('canvas'); canvas.width = 400; canvas.height = 400; let context = canvas.getContext('2d'); context.rect(0, 0,...
2020-08-04 23:28:53
3629
原创 js获取视频的第一帧图片并上传和视频时长
项目中要求上传视频的时候要自动获取第一帧作为App端的视频播放封面。1、获取视频的第一帧封面captureImage() { let that = this; // 创建视频对象 let video = new Video(); video.width = 200; vieo.height = 500; video.setAttribute('crossOrigin'， 'Anonymous'); video.setAttribute('co
2020-08-03 22:48:14
3994
3
原创 基于spark-md5对文件进行加密
之前写了一个基于AWS.S3的大视频上传，现在项目要求对上传同一个文件不调用上传AWS的接口，而直接把原来的链接直接返回。因此对文件进行md5加密。因为对同一个文件返回的md5加密是一样，因此通过spark-md5组件进行加密。 1、安装和引入npm i spark-md5 // 安装spark-md5import SparkMD5 from 'spark-md5' 2、进行加密getFileMd5(file) { let that = thi...
2020-08-03 22:23:44
2042
5
原创 基于AWS和Vue上传视频，多分块上传视频
之前我们的项目上传视频都是后台提供的接口，现在需要上传大视频因此我现在改成了基于亚马逊的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
2020-08-03 22:02:26
1013
2
原创 Eclipse快捷键
1、alt + shift + s + o 快速生成生成有参构造方法2、alt + shift + s + r快速生成setxxx()和getXXX()方法。3、alt + shift + s + c 生成无参构造方法。4、alt + shift + s + s 重写toString()方法。...
2020-04-16 14:43:38
100
原创 vue手写树形结构
今天项目中有一个三级树形功能，写完自己有想写一个根据数据自动生成的树形结构。主要的思路：就是树形结构是一个重复的循环的，因此需要遍历自己的组件。只是生成一级的数据，而下面的数据没有生成并且报错了。组件需要一个name属性。因此最终的代码如下：<templat...
2020-03-19 17:12:51
3878
1
原创 Window系统安装全局node版本管理器
Window系统安装node版本管理器第一步：在网址上面下载版本管理器安装包地址是：https://github.com/coreybutler/nvm-windows/releases下载红框的压缩包，并解压，最好一直下一步，当然也可以换安装目录第二步：检查安装是否成功win+R：输入cmd，在弹出的对话框中输入NVM,如果出现下面的则表示成功。...
2020-03-15 02:34:17
314
转载 Java基本数据类型（二）
1、java的基本数据类型 变量就是申请内存来存储值。内存管理系统根据变量的类型为变量分配存储空间，分配的空间只能用来储存该类型数据。2、java的两大数据类型 a、内置数据类型 内置数据类型有八种基本类型。六种数字类型（四个整数型，两个浮点型），一种字符类型，还有一种布尔型。 byte类型： ...
2020-01-03 15:52:18
108
转载 JAVA安装和eplise安装出现的问题总结
在安装java出现的一些问题：1、下载很慢的可以将镜像设置到国内的2、下载出现Java was started but returned exit code=13的错误一般是这两种错误：1、jdk的环境有问题2、Jdk的版本和eclipse的版本不一致（jdk是32bit，eclipse是64bit或者是相反的）如果是jdk环境出错的话，一般的解决方法是在eclipse.ini...
2020-01-02 11:03:30
562
转载 JAVA的基础知识（一）
1、对象的概念Java 是面向对象的编程语言，对象就是面向对象程序设计的核心。所谓对象就是真实世界中的实体，对象与实体是一一对应的，也就是说现实世界中每一个实体都是一个对象，它是一种具体的概念2、对象的特点对象具有属性和行为。 对象具有变化的状态。 对象具有唯一性。 对象都是某个类别的实例。 一切皆为对象，真实世界中的所有事物都可...
2019-12-27 16:00:46
109
原创 vue的实现抖音闹钟
早上没有事，来写一个抖音时钟<template> <!-- 抖音闹钟 --> <div id="clock"> <div class="lock-content"> <hr class="line"> <ul class="hour" :style="...
2019-12-27 11:24:39
1216
原创 vue中使用wangEditor文本编辑器
最近写了一个后台管理项目中需要进行文本，在网上百度一下发现了wangEditor这个编辑器挺不错的。<template> <!-- 富文本组件 --> <div id="editor"></div></template> data() { return { editor: '',...
2019-12-26 11:34:24
432
原创 基于vue实现图片的放大，缩小，旋转，拖拽功能
今天加班先来无事，写了一个弹窗查看图片，具有放大，缩小，旋转，拖拽功能。1、html部分<template> <!-- 查看图片放大组件 --> <div id="look-image" v-if="visible"> <!-- 图片展示区 --> <div class="look-image...
2019-12-11 02:49:42
9297
2
原创 安装node问题总结
1、出现npm ERR! Cannot read property 'match' of undefined错误但出现这个问题有可能是node包缓存的原因，可以删除node包重现下载 通过npm安装rimrafnpm install rimraf -g到指定文件夹中打开cmd，执行下面的步骤rimraf node_modulesrimraf package-l...
2019-11-20 14:10:27
364
原创 element UI开发问题中总结
1、select下拉框不展示label值只展示value值 需要将options数组里面的value值要设置跟动态获取的value值类型一致。 2、输入框或者文本域不能输入的问题 有的时候文本或者输入框不能输入，可以通过this.$forceUpdate();解决 3、下拉...
2019-11-04 11:10:20
197
翻译 JavaScript基础--对象和ES6对象扩展
ES6对象扩展：1、属性的简洁表示法ES6 允许直接写入变量和函数，作为对象的属性和方法var age = 18;var obj = { name: "张三", age, //属性的简洁写法 sayHello(){console.log("my name is " + this.name)}, //方法简洁写法} obj.sayHello() /...
2018-12-01 16:46:56
112
原创 vue--手机端日历插件
最近的一个项目需要写一个日历插件，对一些知识点有了新认识，所以记下方便以后的查阅 其中对日期函数有了更深入的了解： var date = new Date(); date .getYear(); //获取当前年份(2位) date .getFullYear(); //获取完整的年份(4位,1970-????) ...
2018-11-30 16:33:04
1918
翻译 JavaScript基础--数组方法和ES6数组方法
1、instanceof该操作符使用来检测一个变量是不是Array数组的实例。缺点就是只能有一个全局执行环境下var arr = [1, 2, 3];console.log(arr instanceof Array) // true2、Array.isArray也是确定一个变量是不是数组。var arr = [1, 2, 3]console.log(Array.isA...
2018-11-28 11:20:59
159
2
翻译 JavaScript基础--字符串方法和ES6新增方法
1、charAt()和charCodeAt()都是用来查询字符串中特定字符的。不同的是charAt返回的是特定字符而charCodeAt返回特定字符的unciode编码var str = "hello";str.charAt(2) // "e"str.charCodeAt(2) // "101"还可以通过中括号的方式来访问var str = "hello";str[2...
2018-11-22 22:22:52
130
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人