![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
页面效果
文章平均质量分 63
页面特效
star-1331
码而不思则惘,思而不码则怠
展开
-
文件上传下载相关操作
文章目录导出文件大文件上传和断点续传要了解文件操作,需要先了解JS的二进制数据流内容,推荐下面这篇大佬文章JS的二进制家族:Blob、ArrayBuffer和Buffer导出文件这里以导出excel文件为例,其他相同,改下对应参数即可接口请求数据请求头中responseType = “arraybuffer” 指定响应的数据类型导出文件function fileDownload(data, fileName) {//接口返回的数据流及文件名称 let blob = new Blob([da原创 2020-10-12 11:27:00 · 188 阅读 · 0 评论 -
iframe父子页面通信
iframe获取当前子页面urlparent.document.getElementById("ID name").contentWindow.location.href父子页面通信子传父//子页面给父传值var param = {'msg':true};window.parent.postMessage(param,'*');//父接收子页面传值window.addEventListener('message', function(e) { e.data.msg}父传子//父原创 2020-11-25 12:24:48 · 117 阅读 · 0 评论 -
pdf.js实现pdf内容图片展示
获取pdfViewerMaster文件链接:https://pan.baidu.com/s/1w7rKU1T22vGzr11efGiPZA提取码:FDGY原创 2020-11-11 16:44:14 · 1061 阅读 · 0 评论 -
ios手机竖屏拍照旋转问题
ios拍照上传经常会出现上传的图片被旋转了,不是我们想要的角度,可以对齐进行调整<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scal原创 2018-12-03 11:49:48 · 996 阅读 · 0 评论 -
vConsole手机端调试js
http://www.4u4v.net/shou-ji-qian-duan-wei-xin-kai-fa-diao-shi-shen-qi-vconsole-mo-ni-liu-lan-qi-kai-fa-zhe-gong-ju-diao-shi-js-di-shi-yong-fang-fa.html原创 2020-06-03 14:55:37 · 1674 阅读 · 0 评论 -
利用localResizeIMG将图片压缩转为base64上传
在进行图片上传的时候,因为有些图片太大,为了减轻服务器的压力,我们需要将图片进行压缩上传。今天总结一下利用localResizeIMG如何将图片压缩转为base64上传,其中localResizeIMG插件已上传csdn。代码如下:&lt;!doctype html&gt;&lt;html lang="en"&gt;&lt;head&gt; &原创 2018-12-03 10:09:34 · 489 阅读 · 0 评论 -
better-scroll实现商品列表滑动效果
官方文档实现效果代码实现<template> <div> <div class="goods"> <div class="menu-wrapper" ref="menuWrapper"> <ul> <li class="menu-item" :class="{current:index===cu...原创 2019-04-10 13:38:37 · 1287 阅读 · 0 评论 -
图片上传(调用微信接口)
https://www.jb51.net/article/71417.htm原创 2020-06-03 15:47:00 · 2063 阅读 · 3 评论 -
图片上传,并填入EXIF信息
拍照或从图片库中选择图片,压缩上传,因为是拿canvas重新绘制,会丢失EXIF信息。我们可以在图片压缩完成之后,手动在信息中插入原图EXIF的信息。图片放大、删除、下载操作。点击放大具体内容:https://github.com/zhangstar1331/pictureUpload.git...原创 2019-10-15 16:51:59 · 718 阅读 · 0 评论 -
动态表单探索(一)
文章目录背景数据格式实现思路想法1:数据——虚拟dom——视图想法2:复合组件方式思路2实现(组件划分)基本组件复合递归组件页面组件难点背景根据后端返回的不同类型,直接动态渲染不同表单数据格式treeData:[{ type: 'HInput', title: '患者姓名', value: ''},{ type: 'HRadio', title: '性别', label: [{ title: '男', checked:原创 2021-09-27 21:00:18 · 204 阅读 · 0 评论 -
兼容IE10的记录
一次兼容IE10的记录原创 2022-02-11 10:32:29 · 569 阅读 · 0 评论 -
你不知道的CSS
文章目录模仿border的dashed绘制虚线CSS绘制箭头模仿border的dashed绘制虚线dashed虚线间隔随浏览器而定,且可能虚线长短不一可以使用linear-gradient来解决height: 3px; background:linear-gradient(to right, rgba(122, 171, 244, 0.5), rgba(122, 171, 244, 0.5) 14px,transparent 14px, transparent);background-size:原创 2021-05-08 10:04:40 · 111 阅读 · 0 评论 -
解决输入框被键盘弹起遮挡问题
方案一,通过window的onresize事件,监听窗口变化进行处理var clientHeight = document.body.clientHeight;var _focusElem = null;document.body.addEventListener("focus", function(e) { _focusElem = e.target || e.srcElement;}, true);window.addEventListener("resize", function()原创 2020-09-27 10:29:21 · 1514 阅读 · 0 评论 -
倒计时(刷新和页面关闭不受影响)
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>倒计时</title> <script src="http://static.wanlianjin.com/原创 2019-01-14 14:24:29 · 1713 阅读 · 0 评论 -
手势密码绘制
本案例通过JQuery的jquery.gesture.password.js插件来进行绘制。绘制效果如下:代码如下:原创 2018-11-12 14:08:35 · 1235 阅读 · 0 评论 -
dropload.js实现上拉加载
滑到底部上拉请求数据,加载页面,效果图如下:前端代码:index.html<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0,原创 2019-01-11 16:39:37 · 1028 阅读 · 0 评论 -
动态表单探索(二)—— 联动优化
文章目录前言改进内容修改数据结构联动处理前言前文联动修改通过深层遍历匹配方式去解决,若表达内容庞大复杂就会显得很繁琐,而且性能不高。为解决这一问题,考虑通过订阅发布的方式去触发相关联动的改变。改进内容修改数据结构1、添加option用于携带自身相关属性;2、triggers为联动数组(便于绑定多个内容),用于联动相关元素,发布事件;3、action为订阅内容,监听相应事件,修改自身状态<template> <div class="call_status">原创 2021-12-17 15:23:26 · 1263 阅读 · 4 评论 -
canvas横屏签名,签名图片旋转90度生成base64
效果展示html横屏展示<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/> <title>签字</title> <原创 2020-11-09 17:31:53 · 4112 阅读 · 1 评论