js
Call_me_small_pure
吭哧吭哧吭哧
展开
-
next.js/react 使用eventBus/注册全局变量
在next.js中无法在windows对象中定义全局变量,使用eventBus注册全局变量原创 2022-01-25 10:49:57 · 1193 阅读 · 0 评论 -
js 生成包含数字和字母的6位随机数
randomWord(); //34jm9eexport const randomWord = () => { let code = '' for (var i = 0; i < 6; i++) { var type = getRandom(1, 3) switch (type) { case 1: code += String.fromCharCode(getRandom(48, 57))// 数字 break .原创 2020-12-03 15:14:20 · 1828 阅读 · 0 评论 -
js-sha3计算大文件的SHA3 Hash
为单位原创 2020-09-04 17:58:37 · 771 阅读 · 0 评论 -
js 用户重复点击等操作时节流、防抖详细介绍
关于节流和防抖的链接转载 2020-03-25 11:35:50 · 441 阅读 · 0 评论 -
公告轮播
<div class="marquee_box"> <ul class="marquee_list" :class="{marquee_top:animate}"> <li v-for="(item, index) in marqueeList" :key="index"> <span>{{...原创 2020-02-17 22:50:38 · 447 阅读 · 0 评论 -
javascript对数组进行分类
classification (ArrayList, name) { if (!(ArrayList instanceof Array)) { return '请传入正确格式的数组' } if (!name) { return '请传入对象属性' ...原创 2020-01-17 15:45:49 · 686 阅读 · 0 评论 -
js---手机号掩码
let mystr = tel.substring(0,6-1)+'****'+tel.substring(6+1);return mystr;原创 2019-12-31 17:33:45 · 1375 阅读 · 0 评论 -
递归无限层级目录--js
递归无限层级目录var data = [ {id: 1, name: "安徽", key: 1}, {id: 2, name: "江苏", key: 2}, {id: 3, name: "合肥", pid: 1, key: 3}, {id: 4, name: "庐阳区", pid: 3, key: 4}, ...转载 2019-12-18 17:20:13 · 427 阅读 · 0 评论 -
验证码输入框
<div class="write-input"> <input ref="input" type="number" :maxlength="6" class="realInput" v-model="photoNum" @keyup="getNum()" @keydown="delNum()"> <li v-for="(item, ind...原创 2019-12-12 17:05:42 · 230 阅读 · 0 评论 -
控制滚动条平滑滚动到相应位置--js
this.ScrollTop(500, 200);ScrollTop(number, time) { if (!time) { document.body.scrollTop = document.documentElement.scrollTop = number; return number; ...原创 2019-12-04 15:00:37 · 1069 阅读 · 0 评论 -
监听滚动条距离顶部的距离--js
mounted() { window.addEventListener('scroll', this.handleScroll) }, methods:{ handleScroll() { this.screenHeight = document.documentElement.scrollTop || document.b...原创 2019-12-04 09:59:01 · 2435 阅读 · 0 评论 -
监听本地存储--实时更新数据
Vue.prototype.$setItem = function(key, newVal) { if (key === 'n_title') { // 创建一个StorageEvent事件 let newStorageEvent = document.createEvent('St...原创 2019-08-20 11:46:43 · 2361 阅读 · 0 评论 -
用from表单防止浏览器拦截打开的窗口js
//伪装一下表单提交在新窗口 Vue.prototype.newWinUrl = function(url) { var f = document.createElement("form"); f.setAttribute("action", url); f.setAttribute("...原创 2019-07-24 13:19:25 · 562 阅读 · 0 评论 -
阻止鼠标右键的默认事件
在body标签中加入一下代码οndragstart=“window.event.returnValue=false;” οncοntextmenu=“window.event.returnValue=false;” onselectstart=“event.returnValue=false;”原创 2019-06-14 17:12:07 · 1361 阅读 · 0 评论 -
vue监听浏览器窗口的宽度 高度
mounted() { window.onresize = () => { return (() => { this.screenWidth = document.body.clientWidth; console.log(this.screenWidth) ...原创 2019-06-05 11:47:27 · 4451 阅读 · 0 评论 -
如何解决H5中获取相机与图片,在苹果手机获取不了文件选择图片的问题
在安卓手机上获取相机并且可以选取图片,完整的写法是:<input type="file" accept="image/*" capture="camera" />但是苹果手机上运行它只会获取照相功能,并不能进行图片的选择,如何解决的,非常简单,在js中调用这个方法之前先进行一次判断,判断手机是安卓按时iOS,如果是iOS,就把capture属性移出就可以了。iOS会对相机还是文件夹进行手动选择的。原创 2017-10-24 17:38:00 · 10051 阅读 · 0 评论 -
关于金额始终保留两位小数的解决方发
created( value ){ var f = Math.round( value )/100; var s = f.toString(); var rs = s.indexOf('.'); if (rs < 0) rs = s.length; s += '.'; } while (s.le原创 2017-12-08 18:04:53 · 1572 阅读 · 0 评论 -
使用JSON.parse(JSON.stringify(test))对对象、数组的深度拷贝
var test = {a:"aa",b:"bb",c:[{e:"ee",d:"dd"},{m:"mm",n:"nn"}]}; var test1 = test; test1.c[0].e = "change"; console.log(test); console.log(test1); var test = {a:"aa",b:"bb",c:[{e:"ee"原创 2017-12-09 11:00:30 · 3067 阅读 · 0 评论 -
JavaScript时间戳格式化转换
时间戳转格式化日期alert( formatDate(时间戳) );formatDate(now) { var year=now.getYear(); var month=now.getMonth()+1; var date=now.getDate(); var hour=now.getHours();原创 2017-12-08 17:59:32 · 279 阅读 · 0 评论 -
格式化日期转为时间戳
this.Time = Date.parse(new Date(2018-01-09 08:52:16));this.Time = new Date(2018-01-09 08:52:16).getTime() //推荐this.start = (new Date(2018-01-09 08:52:16)).valueOf();结果为:1515459136000FormatDate原创 2018-01-09 09:04:00 · 1078 阅读 · 0 评论 -
基于vue2.0手机端如何写获取百度地图
在webpack.base.conf.js的module.exports的方法中粘贴下面externals对象,注意:它是跟entry平级 externals: { "BMap": "BMap" },以下是完整的vue组件,根据经纬度定位,可搜索地点,地图可放大缩小,可选择地图模式 <div class="myMap"> <div cla...原创 2018-03-22 14:25:05 · 2302 阅读 · 0 评论 -
small_pure常用的正则表达式
/^([1-9][0-9]*|0)(\.[0-9]+)*$/i //正整数(不包括0),或者保留一位小数/^([0-9]|([1-9][0-9])|([1-9][0-9][0-9]))$/ 0-999的整数/^[0-9](.[0-9])?$/ 折扣(0-9或者保留一位小数)/^\+?[0-9][0-9]*$/ 正整数/^([1-9][0-9]*)$/原创 2017-12-29 09:17:27 · 364 阅读 · 0 评论 -
调取手机软键盘的搜索功能
点击软键盘的搜索按钮往往第一次页面会刷新一次,只有点击第二次才会出现想要的效果,所以将from的target对应到iframe,就不会刷新了很多时候点击搜索以后会出现比较长的列表,软键盘会盖住用户搜索的信息,我们点击一下屏幕才会使软键盘消失,这样用户体验也不是很好,所以我们可以在调用的方法中加一个软键盘收起的方法 HTML部分<template> <form target="frameFi转载 2018-04-12 15:45:29 · 863 阅读 · 0 评论 -
进入页面后指定元素获取焦点事件
id为nick的元素可以是可编辑的 div 或是 输入框document.querySelector('#nick').focus();原创 2018-09-26 12:21:09 · 1268 阅读 · 0 评论 -
原生JavaScript 获取地址栏参数
用正则来匹配(强烈推荐,简洁快速)function getQuery(name) { // 用该属性获取页面 URL 地址从问号 (?) 开始的 URL(查询部分) var url = window.location.search; // 正则筛选地址栏 var reg = new RegExp("(^|&)" + name + "=([^&]*)...原创 2018-10-18 16:43:53 · 562 阅读 · 0 评论 -
一个高逼格的去除字符串空格的正则表达式
动用了两次正则替换,速度非常惊人,主要得益于浏览器的内部优化。一个著名的例子字符串拼接,直接相加比用Array做成的StringBuffer 还快。base2类库使用这种实现。delTrim (){ this.usernmae = this.usernmae.replace(/^\s\s*/, '').replace(/\s\s*$/, ''); return this....原创 2018-10-24 13:08:39 · 2215 阅读 · 0 评论 -
js添加与解除事件 addEventListener / removeEventListener
解绑和绑定时的函数名要相同,也就意味着通过addEventListener绑定的匿名函数是不能解绑的共用函数不能带参数 比如 对象.addEventListener(‘click’,fn1,false);fn1不能写成fn1();第三个参数 布尔值参数是true,表示在捕获阶段调用事件处理程序;就是最不具体的节点先接收事件,最具体的节点最后接收事件如果是false,在冒泡阶段调用事件处理程...原创 2019-02-15 16:21:31 · 1204 阅读 · 0 评论