js代码
关注
分享
扫一扫
夜惊如水
这个作者很懒，什么都没留下…
展开
-
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 · 226 阅读 · 0 评论 -
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 · 585 阅读 · 0 评论 -
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 · 227 阅读 · 0 评论 -
图片压缩方法
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 · 150 阅读 · 0 评论 -
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 · 563 阅读 · 0 评论 -
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 · 1515 阅读 · 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 · 196 阅读 · 0 评论 -
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 · 753 阅读 · 0 评论 -
语音播报
<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 · 188 阅读 · 0 评论 -
封装的图片懒加载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 · 285 阅读 · 0 评论 -
websocket 的一个demo
https://www.cnblogs.com/qilin-3611/p/7054270.html转载 2019-02-19 14:57:58 · 192 阅读 · 0 评论 -
删除数组里面的某一个值
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 · 3862 阅读 · 0 评论 -
移动端手指滑动的距离
function wetherScroll(){ var startX = startY = endX =endY =0; document.addEventListener('touchstart',function(event){ var touch = event.touches[0]; //滑动起点的坐标 ...翻译 2019-07-22 17:14:51 · 2867 阅读 · 0 评论 -
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 · 170 阅读 · 0 评论 -
移动端手指滑动距离
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 · 619 阅读 · 2 评论 -
移动端 监听滚动事件 且 监听惯性
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 · 2626 阅读 · 0 评论 -
轻量级的手势库 Hammer.js
http://hammerjs.github.io/getting-started/ 官方网址转载 2019-07-25 16:20:13 · 538 阅读 · 0 评论 -
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 · 1184 阅读 · 0 评论 -
移动端 swiper 做 导航栏
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compa...原创 2019-04-25 17:35:03 · 1292 阅读 · 0 评论 -
ajax 求数据 双重for循环渲染数据
<!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-04-28 14:50:05 · 2044 阅读 · 0 评论 -
纯js写的购物车
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compat...原创 2019-04-26 11:57:42 · 360 阅读 · 0 评论 -
平滑滚动
<script> var a=document.getElementById('p') document.getElementById('n').onclick = function () { animateScroll(a,10) }; function animateScroll(elemen...转载 2019-03-02 16:06:07 · 192 阅读 · 0 评论 -
js判断手指滑动方向（移动端）
var startx, starty; //获得角度 function getAngle(angx, angy) { return Math.atan2(angy, angx) * 180 / Math.PI; }; //根据起点终点返回方向 1向上 2向下 3向左 4向右 0未滑动 function getDirection(star...转载 2019-02-13 13:20:25 · 672 阅读 · 0 评论 -
微信网站 分享朋友圈 and 分享好友
getConfig(data) { // 获取当前网址 const curWwwPath = window.document.location.href; const pathName = window.document.location.pathname; const pos = curWwwPath.indexOf(pathName); ...原创 2019-01-11 09:33:58 · 266 阅读 · 0 评论 -
vue 项目页面出现多个时间 倒计时的
setTimeCount() { setInterval(() => { for (let j = 0; j < this.products2.length; j++) { const now = Math.round(new Date().getTime()); let tmpProducts = []; ...原创 2018-12-29 11:27:28 · 2073 阅读 · 2 评论 -
new IntersectionObserver() 使用实现图片懒加载
<!DOCTYPE HTML><html><head> <meta charset="utf-8"> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="viewport" content="width=devic...转载 2019-05-30 10:10:28 · 764 阅读 · 0 评论 -
new IntersectionObserver() 超过可视范围内容改变 。。。。
<!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-05-30 10:12:43 · 1138 阅读 · 0 评论 -
ios滚动监听
https://blog.youkuaiyun.com/chjj0904/article/details/77898562转载 2019-07-15 11:00:55 · 706 阅读 · 0 评论 -
一个数组向另一个数组隔几个插入一个数据 也可以适用于 一个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 · 883 阅读 · 2 评论 -
移动端瀑布流
<!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 · 1528 阅读 · 0 评论 -
js版下拉刷新
<!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-05-29 09:07:31 · 2849 阅读 · 0 评论 -
键盘输入提高搜索
function debounce(func,delay){ var timer return function(){ clearTimeout(timer); var event = arguments[0]; // 获取原生event参数 ...原创 2019-05-31 12:00:19 · 122 阅读 · 0 评论 -
滚动之后出现动画效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-sca...转载 2019-05-31 09:10:08 · 751 阅读 · 0 评论 -
new IntersetionObserver() 实现无限滚动加载
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, mini...转载 2019-05-30 14:21:33 · 651 阅读 · 0 评论