摘要:
前言 本文讲的是,文字数量不确定、文字种类不确定时,如何在水印左下角画图时,自动换行。 实现效果如下:根据文字自适应水印 总体思路还是非常简单的,canvas画图是从左上角开始。 计算出文字的行数,计算出文字总体高度,画布高度-文字高度作为水印起始高度 换行就是通过画布宽度/文字宽度,计算每一行能放 阅读全文
摘要:
录视频和压缩 videoRecording() { let that = this; uni.showLoading({ title: '正在加载...' }) uni.chooseVideo({ count: 1, sourceType: ['camera'], maxDuration: 30, 阅读全文
摘要:
前言 使用uniapp实现移动APP端:拍照->压缩拍下的图片->获取压缩后的图片信息->使用canvas画水印图片->保存本地->读取预览 实现 <template> <view> <view class="" v-for="(item,index) in imageList" :key="ind 阅读全文
摘要:
前言 在使用uniapp开发移动端时,可以通过插件uni-dateformat格式化时间,本文讲的是如何获取格式化后的时间,传递给后台。 在uniapp官网示例中,没有说如何获取到uni-dateformat格式化后的数据,该方法实在论坛中找到的,亲测可以使用 效果 代码 <template> 阅读全文
摘要:
前言 要实现APP端: 页面A录制视频,并保存到本地; 页面B播放保存到本地的视频; 我的业务需求:在页面A中录制视频,保存到本地并,从页面B中也可以获取到保存的视频并播放。这个过程中不会出现从相册选择视频的操作。所以本文不涉及保存到相册的功能 视频录制,压缩,删除可参考地址:https://www 阅读全文
摘要:
前言 在vue项目中使用swiper+vue-awesome-swiper实现一个上下滚动的跑马灯/新闻列表/图片列表,有数据时展示列表,没数据时自定义说明。 效果如下:一个页面中展示4个列表(或图片),列表向上滚动,鼠标移入停止滚动且显示title,鼠标移出滚动再次开启,有分页 当没有数据时, 阅读全文
摘要:
问题 element 表单增加了rules规则,其中一个input输入框不能为空,input的值和el-tree关连 操作如下: 1.点击表单input 2出现弹出框,弹出框内有el-tree,点击el-tree的值A, 3.弹框自动关闭,A自动赋值到input中, 4.此时element的验证会显 阅读全文
摘要:
前言 vue2实现双向绑定的其中一环,即使用Object.defineProperty对data内部每个对象的所有property添加监控,当data中的对象被修改或者读取时,能监测到修改或读取的操作。 模拟VUE中Object.defineProperty拦截对象原理: 代码如下,在控制台修改ob 阅读全文
摘要:
前言 要实现的效果如下,既有行合并,又有列合并。注意:最后的合计行10是自己计算的,并不是table组件计算的,我这里直接写data上了,废话不多说,上代码! 代码可复制到https://codepen.io/pen/这里运行查看效果 html部分 <script src="//unpkg.com/ 阅读全文
摘要:
前言 在项目中,要想实现自适应,往往需要百分比+rem结合。本文实现内容如下:不同窗口大小,文字自适应 第一步 设置媒体查询样式,不同的pc端窗口设置不同的html跟字体大小(为什么设这个我就不说了,看rem概念就知道了) reset.scss放在assets/style/reset.scss /* 阅读全文
摘要:
修改后的样式: 代码: 代码在App.vue中,因为其他页面中添加了<style lang="scss" scoped>,scoped只对本组件有效,然而datePicker生成是和id="app"平级的关系,所以设置scoped的组件无法对datePicker生成的时间选择框做样式调整。我将App 阅读全文
摘要:
html <el-table class="table_el" ></el-table> css .table_el{ /deep/ .el-table__body-wrapper{ //滚动条整体 &::-webkit-scrollbar{ width:6px; } //滚动条小方块 &::-we 阅读全文
摘要:
一般这种情况是因为拼写错误,检查一下拼写是否错误,最容易弄错的是printIn的l是L的小写,不是i的大写 阅读全文
摘要:
安装完jdk去检查版本,在cmd中输入java -version确没有显示出java版本解决方法 情况一,可能是因为安装完jdk后,没有配置环境变量,此时想要查看jdk是否安装成功和安装版本可以进入到jdk安装后的bin目录中输入java -version查看版本 情况二,先配置环境变量,之后重启c 阅读全文
摘要:
前言 开发中经常会遇到axios请求涉及到多个请求域,我们打包后也希望不同的请求对应不同的域名 配置 1.创建文件 在vue项目的根目录下创建2个文件.env.development和.env.production。在开发过程中,项目会自动读取development文件的配置,在打包时项目会自动读取 阅读全文
摘要:
跨域是因为浏览器的同源策略,我们可以通过使用webpack的devServer(devServer就是启动一个本地服务器)将请求改为服务器向服务器请求,从而绕过浏览器的同源策略 在vue.config中配置跨域,这里要注意proxy中标志单词不能有重复的组成,比如第一个请求匹配'/api',后面的匹 阅读全文
摘要:
postman中的格式 使用axios发送raw json格式,设置请求头为"application/json"。将请求参数用JSON.stringify将对象变为字符串格式 const http=axios.create({ baseURL:process.env.VUE_APP_URL, tim 阅读全文
摘要:
光标移到行尾 End键 光标移到行首 Home键 选中光标到行尾的内容 shift+end 选中前 选中后 选中光标到行首的内容 shift+home 阅读全文
摘要:
let dateEn=new Date(Date.parse('2020-09-12 10:11:12'.replace(/-/g,"/"))); let entime=dateEn.getTime(); console.log('entime',entime) 阅读全文
摘要:
前言/效果 配置 第一步,开发安装vue-markdown-loader和github-markdown-css npm i vue-markdown-loader -D //markdown格式npm i github-markdown-css -S //markdown样式 第二步,配置vue. 阅读全文