- 博客(82)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue 动画效果
<template><divclass="notice-box"@mousemove="mousemove"@mouseleave="mouseleave"style="height:50px;background:#ccc;color:#fff;position:relative;"><divclass="notice":style="{'animation-duration':len,'animation-play-stat...
2021-12-06 10:39:27
208
原创 vue transition css 动画效果
.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{transition:all0.3slinear;transform:translateX(0%);}.el-zoom-in-left-enter,.el-zoom-in-left-leave{transform:translateX(-100%);}...
2021-12-02 14:33:10
444
原创 vue 日历
<table border rules=none cellspacing=0 align=center frame=void> <tr id="f"><th>周一</th><th>周二</th><th>周三</th><th>周四</th><th>周五</th><th>周六</th><th>周日</th...
2021-09-13 09:27:10
189
原创 js 导出 （兼容IE）
if (typeof window.navigator.msSaveBlob !== 'undefined') { window.navigator.msSaveBlob(new Blob([data],{type: 'application/vnd.ms-excel'}), fileName+'.xls') }else{ let url = window.URL.createObjectURL(new Blob([data],{type: 'appl...
2021-09-04 14:13:43
482
原创 canvas IE浏览器下载图片
var c=document.getElementById("myCanvas");var ctx=c.getContext("2d");ctx.fillStyle="#FF0000";ctx.fillRect(0,0,150,75);//var canvas = c.toDataURL()var blob = c.msToBlob()navigator.msSaveBlob(blob, 'a.png')
2021-09-03 10:05:18
169
原创 vant tab选项卡 左右滑动 且保留数据
onClick() { this.$nextTick(() => { document.documentElement.scrollTop = document.body.scrollTop = this.list[this.active].scrollTop }) if (this.list[this.active].products.length > 0) return this.list[this.active].l...
2020-12-30 14:01:02
2736
原创 图片压缩方法
js文件const compress = (img, callback) => { img.onload = () => { const limitWidth = 640; const width = img.width > limitWidth ? limitWidth : img.width; const height = img.width > limitWidth ? parseInt((img.height * limitWidth) / i.
2020-12-18 14:17:53
89
原创 base64 转 文件流
const dataURLtoFile = (dataurl, filename) => { let arr = dataurl.split(','); let mime = arr[0].match(/:(.*?);/)[1]; let bstr = atob(arr[1]); let n = bstr.length; let u8arr = new Uint8Array(n); while (n--) { u8arr[n] = bstr.charCodeAt(n).
2020-12-18 10:12:03
523
原创 vue 二进制流 转成 json数据 new Blob
tradeDownloadExcel(data).then(async res => { if (res.data.type === 'application/json') { // const text = await res.data.text() // const jsonText = await JSON.parse(text) // this.downloadExcelShow = true .
2020-11-23 17:05:33
2249
转载 微信小程序之实现两张图片合成一张并保存到相册
https://blog.csdn.net/happyghh/article/details/101154871
2020-11-17 13:59:28
3322
原创 uni-app 左右联动
如果有问题 请指出<template> <view @touchend="touchend"> <u-navbar class="navbar-zz" back-text="返回" title="分类" :is-back="false" :border-bottom="false"></u-navbar> <view class="u-flex u-col-top"> <scroll-view class="..
2020-07-30 14:45:46
1210
原创 uni-app 获取dom 多个相同类名
let that = this setTimeout(() => { let query = wx.createSelectorQuery(); query.selectAll('.scroll-view').boundingClientRect() query.exec(function (res) { for (var i = 0; i &...
2020-07-29 16:50:09
3124
原创 vue 定时器清除
beforeDestroy() { this.$once('hook:beforeDestroy', () => { clearInterval(this.timer) }) },
2020-07-27 17:46:58
335
原创 css3 加载动画
<div class="all"> <div class="div-1"></div> <div class="div-2"></div> <div class="div-3"></div> <div class="div-4"></div> <div class="div-5"></div> <d.
2020-07-27 15:33:22
270
原创 999999999 添加字符
var a = 999999999; a = a.toString(); var flag = a.length % 3; var b = ''; Array.prototype.slice.call(a).forEach((item, index) => { b = b + item; console.log(b); console.log((index+1) % 3); //(a.length-1) != index 如果数字的位数凑巧会导致数字.
2020-05-29 17:35:57
1410
1
原创 js 懒加载
取当前所有的imglet imgs = document.getElementsByTagName('img')let len = imgs.length//获取窗口高度let windowHeight = getViewportSize().height //滚动事件function lazyload(){ //获取滚动高度 let scrollHeight = getScrollOffset().top for(let i = 0; i<len; i++){.
2020-05-27 09:32:07
142
原创 swiper 切换页面记录每一个swiper-slide滑动位置
<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,initial-scale=1.0,width=device-width" /> <meta name="format-det..
2020-05-19 11:24:33
1589
原创 微信小程序特殊效果合集
https://www.jianshu.com/p/9bd6bd9c8d00?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation
2020-04-13 13:45:41
314
原创 ES5 数组对象去重
// 数组对象去重function deweight() { for(var i = 0; i < arr.length - 1; i++) { for(var j = 1; j < arr.length; j++) { if (arr[i].name === arr[j].name) { arr[i].value = arr[j].val...
2020-01-09 14:17:27
715
原创 swiper 写多个导航栏
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
2019-12-27 16:11:22
367
翻译 语音播报
<script> var audios = { zero: { src: "tts_0.mp3", duration: 800 }, one: { src: "tts_1.mp3", duration: 800 }, two: { src: "tts_2.mp3", duration: 800 }...
2019-12-11 10:05:54
158
原创 uni-app 怎样打开位置权限
manifest.json 设置权限 地图定位勾选还有安卓手机打包权限配置打开onShow() { //打开地图 chooseLocation() }export function chooseLocation(success){ // 先判断定位权限是否开启 uni.get...
2019-12-05 22:29:49
10778
11
原创 封装的图片懒加载js
function filterDom(selector) { return Array.from(document.querySelectorAll(selector));}//事件观察者var observer = new IntersectionObserver(observerCall,{ root: null, rootMargin : '0px 0px 2...
2019-11-04 14:17:27
236
转载 移动端手指滑动距离
var startPosition={},deltaY,endPosition={};document.addEventListener('touchstart',touch, false); document.addEventListener('touchmove',touch, false); document.addEventListener('touchend',touch, fa...
2019-08-24 10:15:40
506
2
转载 js 滚动到指点位置
function scroll(scrollTo, time) { var scrollFrom = parseInt(document.body.scrollTop), i = 0, runEvery = 5; // run every 5ms scrollTo = parseInt(scrollTo); time /= runEver...
2019-08-23 17:21:42
141
原创 移动端 监听滚动事件 且 监听惯性
var timer = null;var timer1 = null;window.addEventListener('touchstart',function(e){ var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; var containerH = $('img')....
2019-08-23 14:17:56
2539
翻译 swiper页面高度自适应
.swiper-slide{height: calc(100vh - 50px);} .swiper-slide-active { height:auto}
2019-07-29 13:41:01
732
原创 swiper 做的tab选项卡
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Com...
2019-07-25 15:32:44
1118
翻译 移动端手指滑动的距离
function wetherScroll(){ var startX = startY = endX =endY =0; document.addEventListener('touchstart',function(event){ var touch = event.touches[0]; //滑动起点的坐标 ...
2019-07-22 17:14:51
2770
翻译 删除数组里面的某一个值
Array.prototype.remove = function(val) { var index = this.indexOf(val); if (index > -1) { this.splice(index, 1); } }; var emp = ['abs','dsf','sdf','fd'] emp.r...
2019-07-22 16:19:44
3811
原创 一个数组向另一个数组隔几个插入一个数据 也可以适用于 一个ajax数据向另一个ajax数据插入内容
var ary1 = [1, 2, 4, 5, 7, 8,10,11]; var ary2 = [3, 6, 9,12]; for (let i = 0; i < ary2.length; i++) { ary1.splice(2 + 3 * i, 0, ary2[i]); } console.log(ary1...
2019-06-29 17:48:41
835
2
翻译 css 一直图片适配所有手机背景图
background:url("../../image/a.png") #fff 0% 0% / contain no-repeat; background-position:center;只适合白色背景
2019-06-19 11:34:33
1975
转载 移动端瀑布流
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, max...
2019-06-03 16:15:43
1464
原创 键盘输入提高搜索
function debounce(func,delay){ var timer return function(){ clearTimeout(timer); var event = arguments[0]; // 获取原生event参数 ...
2019-05-31 12:00:19
100
vue项目moment在IE报缺少：
2023-09-15
TA创建的收藏夹 TA关注的收藏夹
TA关注的人