- 博客(21)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Element image-viewer 通过事件调用
import Vue from 'vue'import ElImageViewer from "element-ui/packages/image/src/image-viewer";const ImageViewer = Vue.extend(ElImageViewer);const viewer = (obj) => { /* obj 为 ImageViewer的props相关参数 * appendToBody 是否在body插入，默认为true, 只能为ture，具体看源码
2021-12-22 17:53:11
922
原创 正则表达式
视频标签正则表达式：/\<video(\s|\w|\d|\=|\"|\.)*(\>|\/\>|\<\/video\>)*/gi图片标签正则表达式：/\<img(\s|\w|\d|\=|\"|\.)*(\>|\/\>|\<\/img\>)*/gi
2021-12-17 10:21:32
263
原创 appH5与app交互
function setupWebViewJavascriptBridge(callback) { if (window.WebViewJavascriptBridge) { return callback(WebViewJavascriptBridge) } else if (util.isAndroid()) { // 是否是安卓 document.addEventListener( 'WebViewJavascriptBridgeReady', func
2020-12-23 10:37:07
507
原创 js canvas图片base64压缩
// url 图片地址// w 压缩宽度// ext 图片类型getBase64Image (url, w, ext) { // const _this = this // 将图片转为base64 return new Promise((resolve, reject) => { var image = new Image() // 解决跨域 Canvas 污染问题 image.setAttribute('cro
2020-09-18 15:36:44
346
原创 css: object-fit设置img图片居中展示问题
值描述fill默认，不保证保持原有的比例，内容拉伸填充整个内容容器。contain保持原有尺寸比例。内容被缩放。cover保持原有尺寸比例。但部分内容可能被剪切。none保留原有元素内容的长度和宽度，也就是说内容不会被重置。scale-down保持原有尺寸比例。内容的尺寸与 none 或 contain 中的一个相同，取决于它们两个之间谁得到的对象尺寸会更小一些。initial设置为默认值inherit从该元素的父元素继承属性...
2020-09-11 13:57:34
812
原创 单独使用Element图片预览功能
引入element的Image组件import { Image} from 'element-ui' // 按需引入console.log(Image) // 观察下面截图的打印// Image组件components内有一个小组件ImageViewer// 小组件ImageViewer是Image组件的预览组件// 获取小组件ImageViewer，vue注册， 这样就可以单独使用了Vue.component('el-image-viewer', Image.components.Ima
2020-08-20 15:24:56
2026
原创 vue使用html2canvas实现HTML转canvas图片保存(兼容IOS13.x， 跨域)
安装cnpm install --save html2canvas@1.0.0-rc.4开发时候发现html2canvas在IOS13.4以上发现问题，实现不了，发现网友说要降低版本到@1.0.0-rc.4，所以安装@1.0.0-rc.4版本实现发现可行html:<div id="html2canvas" @click="createdImg"> <img class="imgShow" src="@/assets/volunteer/worker/certificate
2020-08-17 13:58:00
1693
原创 js根据年月 获取 输入月份有几周
/*** 根据年月 获取 输入月份有几周* @param {string} year* @param {string} month 1,2,...,12*/function getNewWeeks (year, month) { var d = new Date() d.setFullYear(year, month, 0) var monthDays = d.getDate() // 该月天数 var weeks = 0 // 该月周数 // 计算第一周 d.setFul
2020-08-14 10:08:31
503
原创 javascript处理时间格式化
/*** 格式化时间* @access public* @author **** @param {Date} time* @param {String} cFormat {y}-{m}-{d} {h}:{i}:{s}* @return {String} 字符格式的时间 "2018-08-03 10:20:17:周五"*/function parseTime (time, cFormat) { if (arguments.length === 0) { return null
2020-08-14 10:04:39
154
原创 js每个星期的起始时间到结束时间
/** * 根据输入年月，每月第几周 返回 这周的时间是从那天到那天 * @param {string} year * @param {string} month 1,2,...,12 * @param {string} weekday */function getNewWeekTime (year, month, weekday) { let from = '' // 这个星期开始日期 let to = '' // 这个星期结束日期 var d = new Date() d.s
2020-08-14 10:02:47
578
原创 lrz图片压缩
lrz参数lrz(file, [options]):1、file 通过 input:file 得到的文件，或者直接传入图片路径[options] 这个参数允许忽略:1、width {Number} 图片最大不超过的宽度，默认为原图宽度，高度不设时会适应宽度。2、height {Number} 同上3、quality {Number} 图片压缩质量，取值 0 - 1，默认为0.74、fieldName {String} 后端接收的字段名，默认：file返回结果返回值是一个promis
2020-08-14 09:58:13
1179
原创 使用git操作
git 使用1、收集到的主要使用方式* git branch 查看分支* git checkout "branch" checkout一个分支进行开发，切换分支 branch ==》 分支名称* git checkout -b "branch" checkout新的分支，切换到新的分支 branch ==> 新分支名称* git status 查看当前分支状态 （每次上传都要检查）* git diff 检查变化* git diff ./ 检查当前文件夹有什么变化* git branc
2020-08-14 09:38:16
133
原创 跨域学习
什么是跨域因为浏览器的同源策略（Sameoriginpolicy）造成，同源策略是为了防止浏览器收到XSS,CSFR等攻击；同源也就是协议，域名，以及端口相同，及时是两个不同的域名指向同一个ip地址，也不是同源当前页面请求页面是否跨域原因http://www.domain.com/http://www.domain.com/b.html否同源（协议，域名，端口）相同，只是文件路径不同http://www.domain.com/https://www.domain.c
2020-07-25 12:21:39
397
原创 cookie了解
cookie的特点1.只能使用文本2 单条存储有大小限制 4KB3 数量限制(一般浏览器，限制大概在50条左右)4 读取有域名限制 不可跨域读取，只能由来自 写入cookie的 同一域名 的网页可进行读取。5 时效限制 每个cookie都有时效，最短的有效期是，会话级别：就是当浏览器关闭，那么cookie立即销毁JavaScript 可以用 document.cookie 属性创建修改、读取、删除 cookie。1、通过 JavaScript，可以这样创建修改 cookie：document
2020-07-21 23:09:24
163
原创 wx-open-launch-weapp在vue中的处理
安装weixin-js-sdk，版本1.6.0npm install weixin-js-sdk注册组件var wx = require('weixin-js-sdk');// 通过config接口注入权限验证配置并申请所需开放标签wx.config({ debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印 appId: '', // 必填，公众号的唯一标识
2020-07-21 16:03:51
12008
7
原创 函数声明的提升和变量声明提升
变量声明提升：JavaScript的函数作用是指在函数内声明的所有变量在函数体内始终是有定义的，也就是说变量在声明之前已经可用，所有这特性称为声明提前（hoisting），即JavaScript函数里的所有声明（只是声明，但不涉及赋值）都被提前到函数体的顶部：var scope = 'global';function f(){ console.log(scope); var scope = 'local'; console.log(scope);}由于函数内声明提升，所以
2020-07-20 22:32:03
399
原创 vue-cli3.x 多页面打包引入CDN
entry.js 入口const glob = require('glob')const path = require('path')// 配置pages多页面获取当前文件夹下的html和jsfunction getEntry (globPath) { let [entries, basename] = [{}, ''] let tmp let pathname let template let filename glob.sync(globPath).forEach(fun
2020-07-09 17:31:43
1398
1
原创 vue redirect 用法
方法1：redirect: to => { const { hash, params, query } = to // 根据hash，或者params,或者query，或者其他条件进行判断，return要去的路径 return { path: '/' } }方法2： { path: '*', redirect: '/' } // 当用户输入路由和现有路由不匹配时跳转到‘/’链接: vue-router文档...
2020-07-08 16:44:53
4136
原创 clipboardjs点击button复制
文档: ClipboardJS.// 以入ClipboardJSimport ClipboardJS from 'clipboard'// 定义new ClipboardJS('.copyBtn')// 实现调用方法/** 复制 数据到 粘贴板上 * @param {string } txt 需要复制的数据 */function copyText (txt) { let btn = document.createElement('button') // 创建节点 btn.cla
2020-07-03 13:20:23
321
html2canvas@1.0.0-rc.4.rar
2020-08-20
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人