js 常用代码块

js倒计时代码

@import “../../snippet/js/count_down.js” {cmd=javascript}

cookie操作

@import “../../snippet/js/cookie.js” {cmd=javascript}

html encode&decode

@import “../../snippet/js/html_encode_decode.js” {cmd=javascript}

ip网卡mac地址校验

@import “../../snippet/js/net_utils.js” {cmd=javascript}

获取前端markdown表格数据

@import “../../snippet/js/html_table2json.js” {cmd=javascript}

导出高德地图坐标

1
2
3
4


// 获取收藏坐标
amap.faves.items
// 删除收藏坐标
amap.faves.items.filter(x=>x.data.name.indexOf("加油站") != -1).forEach(x=>amap.favapi.deletefav(x,function(e){console.log(e.status,e.data.message)}))

单行js代码

@import “../../snippet/js/line.js” {cmd=javascript}

检查当前 Tab 页是否在前台

我们可以通过使用 document.hidden属性来检查当前标签页是否在前台中。

1
2


const isBrowserTabInView = () => document.hidden;
isBrowserTabInView();

检查元素当前是否为聚焦状态

我们可以使用 document.activeElement 属性检查一个元素当前是否处于聚焦状态。

1
2


const elementIsInFocus = (el) => (el === document.activeElement);
elementIsInFocus(anyElement)

检查浏览器是否支持触摸事件

1
2
3
4


const touchSupported = () => {
  ('ontouchstart' in window || window.DocumentTouch && document instanceof window.DocumentTouch);
}
console.log(touchSupported());

检查当前用户是否为苹果设备

我们可以使用 navigator.platform来检查当前用户是否为苹果设备。

1
2


const isAppleDevice = /Mac|iPod|iPhone|iPad/.test(navigator.platform);
console.log(isAppleDevice);

滚动到页面顶部

window.scrollTo() 方法会取一个 x 和 y 坐标来进行滚动。如果我们将这些坐标设置为零，就可以滚动到页面的顶部。注意：IE 不支持 scrollTo() 方法。

1
2


const goToTop = () => window.scrollTo(0, 0);
goToTop();

前端倒计时获取验证码代码

@import “../../snippet/js/validate_code.js”

jquery调用github接口实现爬虫

@import “../../snippet/js/browser_request_api.js” {cmd=javascript}

mindmap转换km

@import “../../snippet/js/mindmap2km.js” {cmd=javascript}

使用方式

1
2

node mindmap2km.js  脑图.mindmap  xxx.km

使用jsquery实现前端上传文件

@import “../../snippet/js/upload_with_jquery.js” {cmd=javascript}

js常用代码块

文章目录