自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 收藏
  • 关注

原创 将前端生成的二维码、文字通过canvas合成到指定的背景图中,并下载到本地

【代码】将前端生成的二维码、文字通过canvas合成到指定的背景图中,并下载到本地🏀🏀。

2023-03-20 18:15:03 350

原创 可以这样获取网页中的canvas内容,并且以图片的形式保存在本地

获取网页中的canvas内容,并且以图片的形式保存在本地

2023-03-09 16:34:39 7098

原创 Vue3+TS和Vue2+TS的编写示例,同时加上接口约束

Vue3+TS和Vue2+TS示例,同时加上接口约束

2023-02-23 16:26:54 337

转载 JS 监听浏览器标签页显示隐藏

JS 监听浏览器标签页显示隐藏APIdocument.hidden判断页面是否隐藏的布尔值。页面隐藏包括 页面在后台标签页中 或者 浏览器最小化document.visibilityState(只读属性), 返回document的可见性,4个值:hidden:文档处于背景标签页或者窗口处于最小化状态,或者操作系统正处于 ‘锁屏状态’visible:此页面在前景标签页中,并且窗口没有最小化prerender:页面在屏幕外执行预渲染处理 document.hidden 的值为 true

2022-04-29 09:28:21 1967

原创 移动端 浏览器唤起【微信分享】

项目场景:目前遇到个需求,就是创建预定数据后,向用户下发短信,短信链接打开后有个分享功能,需要分享给微信好友,进行用户裂变 <div class="share" @click="share"> <svg class="share_svg"> <image xlink:href="../../assets/images/share.svg" /> </svg>

2022-01-24 17:49:02 1396

转载 vue 项目如何配置多个 proxy 代理

vue 项目如何配置多个 proxy 代理在Vue项目的开发过程中,为了本地调试方便,我们通常会在 vue.config.js 中配置 devServer 来在本地启动一个服务器,在这个选项中,我们会配置proxy 属性来将指向到本地的请求(例如: /api/action) 代理到后端的开发服务器上(例如: http://xxx.xxx.xxx/api/action)devServer: {port: 8081,proxy: {‘/api/action’: {target: ‘http://19

2022-01-12 13:55:11 10640 1

原创 Id,Pid生成树型结构

项目场景:提示:这里简述项目相关背景:例如:项目场景:示例:通过蓝牙芯片(HC-05)与手机 APP 通信,每隔 5s 传输一批传感器数据(不是很大)问题描述:提示:这里描述项目中遇到的问题:例如:数据传输过程中数据不时出现丢失的情况,偶尔会丢失一部分数据APP 中接收数据代码:@Override public void run() { bytes = mmInStream.read(buffer); mHandler.obta

2021-08-26 13:55:28 1749

原创 vue-element>>>指定表格中的某一列或者多列【单元格】合并<<<

项目场景:需求:不仅仅是左侧列的合并还有中间以及尾部列单元格的合并,饿了么官方目前只有起始列的合并案例实现效果如图所示:>>合并行-列的代码封装:提示:这里描述项目中遇到的问题:例如:数据传输过程中数据不时出现丢失的情况,偶尔会丢失一部分数据APP 中接收数据代码:export const mergeCol =( condition,colIndex, isBefore = true data = [.)let mergeArr = [1let objSpanlethod =

2021-01-29 15:48:25 2175

原创 element弹出toast提示窗口

组件封装:如何封装一个toast提示窗口呢?且如何优雅的调用后端接口数据?import Vue from 'vue'//toast提示框export const confirm = async (msg, type = 'warning') => { return await Vue.prototype.$confirm(msg, '提示', { confirmButtonText: '确定', cancelButtonText: ,'取消', type })}

2021-01-28 10:45:59 3482

原创 element 表头-表格内容水平居中!这样做?

*表格数据的水平居中 *这样做在表格添加这两个属性即可效果如下所示:

2021-01-23 15:45:26 606

原创 获取后台返回日期,并在指定的日期(+1天)以及年限(+1年)

项目场景:需求:项目中需要反显一个续签的起始日期为旧日期加1天,结束日期为新起始日期加1年最终效果:解决方案:首先通过父子组件传值,然后接收获取指定日期:mounted() { this.handleDate()},methods:{ handleDate() { let endDate = new Date(this.formData.contractEndTime)//获取旧合同结束日期 this.renewalStartDate = new Date(endDate.s

2021-01-18 11:46:53 469

原创 element日期选择器,结束日期不可小于开始日期(详解)

日期可以这样禁选!项目场景:项目需求:查询条件以及创建时,结束日期不可小于开始日期!解决方案:分别给定 :picker-options=“Obj” 属性,然后再data中定义对象,获取对应的数据

2021-01-08 21:26:52 657

原创 element-UI tree树形控件搜索过滤节点,不展示子节点的问题:

element-UI tree树形控件搜索过滤节点,不展示子节点的问题:正常需求:搜索小区名称,展示对应的子节点“楼栋”element官方案例:当在搜索框输入时,会把子节点过滤 掩藏掉<el-treeclass="filter-tree"accordion:data="data":filter-node-method="filterNode":props="defaultProps"ref="tree"eload="buildingData"@node-click="buidi

2021-01-08 16:44:40 8136 9

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除