吨~-优快云博客

原创 js时间格式化

const format = (time, format = 'yyyy-mm-dd') => { const d = new Date(time); const t = (i) => { return (i < 10 ? '0' : '') + i }; const year = d.getFullYear(); const month = d.getMonth() + 1; const day = d.getDate(); const

2021-06-25 14:12:30 152

原创判断H5页面在什么品牌的手机浏览器中打开

userAgent 属性是一个只读的字符串，声明了浏览器用于 HTTP 请求的用户代理头的值。var getSystem=function(){ var userAgent = navigator.userAgent.toLowerCase() //heytap OPPO xiaomi 小米 huawei 华为 if (userAgent.match(/MicroMessenger/i)) { return 'wechat'//微信 } else if(user

2021-06-25 10:27:10 874

原创 h5页面适配方法

1.viewport<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">width=device-width ：页面宽度为设备屏幕的宽度initial-scale=1.0：初始的缩放比minimum-scale=0.5：最小缩放比maximum-scale=2.0：最大缩放比user-

2021-06-23 17:07:24 2422

原创 pc端文件上传组件——多文件上传

效果图：完整代码：上传文件组件代码<template> <div>  <p class="tip" style="margin:0" v-if="params.fileTip">{{params.fileTip}}</p> <div :class="params.imageCard?'image-card':''"> <!--

2021-06-23 16:16:39 482

原创 IE浏览器下drawImage需要注意的问题

context.drawImage(img,sx,sy,swidth,sheight,x,y,width,height);img 规定要使用的图像、画布或视频。sx 可选。开始剪切的 x 坐标位置。sy 可选。开始剪切的 y 坐标位置。swidth 可选。被剪切图像的宽度。sheight 可选。被剪切图像的高度。x 在画布上放置图像的 x 坐标位置。y 在画布上放置图像的 y 坐标位...

2019-09-06 11:36:33 688

原创文本过长自动形成省略号格式

text-overflow: clip/ellipsis/string; 属性规定当文本溢出包含元素时发生的事情。 clip：修剪文本。 ellipsis：显示省略符号来代表被修剪的文本。 string：使用给定的字符串来代表被修剪的文本。不过这个属性需要搭配其他的属性一起使用 1.使用的元素要是块级元素 2.设置width 3.强制文本不换行，white-space: nowra...

2019-08-16 10:24:45 444

原创生成二维码——vue

使用了第三方插件qrcode，安装依赖npm i QRCode --save编写一个二维码组件<template> <div id="qrCode"> <div id="code"></div> <canvas id="canvas"></canvas> </div...

2019-08-13 15:49:53 126

原创 PC端支付——微信支付与支付宝支付

1.微信支付在pc端的微信支付功能中，调取微信统一下单接口后端返回的是一个支付链接，需将这个链接转化为二维码，扫码支付，PC端的扫码页面需要自己编写，统一下单之后，需要设置定时器查询订单状态，当订单状态为支付成功，按需求跳转页面。1.微信统一下单 wechatPay:function(){ let data={ ...

2019-08-13 15:39:39 3238

原创 web下载文件功能实现

前端下载文件方式有a标签，form表单，window.open()三种情况。**1. a标签** ``` <a href="下载地址" download="下载文件名称">点击下载文件</a> ```**2. form表单** ``` $btn.click(function(){ var $form = $("&lt...

2019-08-13 14:28:40 1037

baidu_36788549的博客