javascript
关注
分享
扫一扫
javascript
这个杀手好冷
这个作者很懒，什么都没留下…
展开
-
移动端软键盘弹起页面无法滚动问题
【代码】移动端软键盘弹起页面无法滚动问题。原创 2022-11-25 14:23:48 · 973 阅读 · 1 评论 -
移动化拖拽元素移动
代码】移动化拖拽元素移动。原创 2022-08-10 09:22:32 · 178 阅读 · 0 评论 -
js中国标准时间转年月日时分秒-时间戳转年月日
js中国标准时间转年月日时分秒-时间戳转年月日原创 2022-05-20 10:20:33 · 3592 阅读 · 0 评论 -
scss 动态更换主题样式
//当HTML的data-theme为dark时，样式引用dark//data-theme为其他值时，就采用组件库的默认样式//这里我只定义了两套主题方案，想要再多只需在`$themes`里加就行了//注意一点是，每套配色方案里的key可以自定义但必须一致，不然就会混乱$themes: ( green: ( //字体 font_color1: #07bc78, //背景 background_color1: #07bc78, background_color2: #18b.原创 2022-05-11 19:33:48 · 1694 阅读 · 1 评论 -
找出2个对象中重复的ID
var new = []var arr = [{class_id: "20"class_name: "动漫161班"},{class_id: "21"class_name: "动漫161班"},{class_id: "22"class_name: "动漫161班"},{class_id: "24"class_name: "动漫161班"}]var arr1 = [{class_id: "24"},{class_id: "21"},]new = arr..原创 2022-03-18 11:16:17 · 421 阅读 · 0 评论 -
pc端区域表鼠标长按滚动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&...原创 2021-12-28 09:08:22 · 184 阅读 · 0 评论 -
可滑动的历史进程
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl...原创 2021-12-17 15:31:48 · 644 阅读 · 0 评论 -
去除数组最后一个
var obj =e;//定义一个object对象 var str = ''//定义一个空字符用来接收对象里的key或者value for( var i=0;i<obj.length;i++) {//遍历item变量里的对象的属性和元素， if(obj[i].is_answer==1){ str += obj[i].item_content + "，"//将obj对象的值遍历出来，并且追加到str字符中。 } } //第一种方法、将字符串中最后一个元素..原创 2021-12-15 09:04:26 · 427 阅读 · 0 评论 -
49个常用JavaScript方法封装
1、输入一个值，返回其数据类型**functiontype(para){returnObject.prototype.toString.call(para)}2、数组去重functionunique1(arr){return[...newSet(arr)]}functionunique2(arr){varobj={};returnarr.filter(ele=>{if(!obj[ele]...原创 2021-08-08 18:35:27 · 158 阅读 · 0 评论 -
js里面flatMap和map的区别
var a = [1,2,3]var b = [3,4]a.map(a => (b.map(o => [a,o])))// [ [[1,3],[1,4]], [[2,3],[2,4]], [[3,3],[3,4]] ]a.flatMap(a => (b.map(o => [a,o])))// [ [1,3],[1,4],[2,3],[2,4],[3,3],[3,4] ]区别就是flatMap少嵌套了一层原创 2021-06-16 10:35:41 · 1220 阅读 · 0 评论 -
大白话讲解Promise
ES6 Promise 先拉出来遛遛复杂的概念先不讲，我们先简单粗暴地把Promise用一下，有个直观感受。那么第一个问题来了，Promise是什么玩意呢？是一个类？对象？数组？函数？别猜了，直接打印出来看看吧，console.dir(Promise)，就这么简单粗暴。这么一看就明白了，Promise是一个构造函数，自己身上有all、reject、resolve这几个眼熟的方法，原型上有then、catch等同样很眼熟的方法。这么说用Promise new出来的对象肯定就有then、c.原创 2021-03-16 14:12:02 · 171 阅读 · 0 评论 -
axios自动获取 请求地址
var RegUrl = new RegExp(); RegUrl.compile("((25[0-5]|2[0-4]\\d|((1\\d{2})|([1-9]?\\d)))\\.){3}(25[0-5]|2[0-4]\\d|((1\\d{2})|([1-9]?\\d)))"); var path = window.location.host; var currentServer; if(path.indexOf(":") >0){ currentServer = pat...原创 2021-03-12 14:05:52 · 865 阅读 · 0 评论 -
js判断手机是苹果（IOS）还是安卓(android)
var u = navigator.userAgent;var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端原创 2020-11-30 15:33:24 · 474 阅读 · 0 评论 -
js 时间转换年月日
newDate().toLocaleDateString().split('/').join('-'))原创 2020-11-26 10:39:25 · 341 阅读 · 0 评论 -
js优化项目常用小技巧
1.等一个函数执行完之后，再执行另一个(es6中promise)methods:{ checkForm(){ return new Promise((resolve,reject)=>{ if(flag) { resolve(66); //当满足条件后，才resolve } }) }, submit(){ this.chec.原创 2020-11-20 10:33:41 · 336 阅读 · 0 评论 -
js秒数转化为时分秒
var t1 = setInterval(function(){ payTime =_self.payTime--; var intervalNextTime=payTime; //转为时分秒 var h,m,s; h = Math.floor(intervalNextTime/60/60%24); ...原创 2019-03-12 16:53:44 · 179 阅读 · 0 评论 -
AJAX防重复提交的办法总结
最近的维护公司的一个代理商平台的时候，客服人员一直反映说的统计信息的时候有重复数据，平台一直都很正常，这个功能是最近新进的一个实习生同事写的功能，然后就排查问题人所在，发现新的这个模块的AJAX提交数据的时候没有设置防重复提交限制，所以今天把这个问题记录下来供AJAX新手童鞋学习，也防止以后再出现这样的问题。ajax诠释ajax 的全称是Asynchronous JavaScript an...转载 2019-01-10 14:20:26 · 263 阅读 · 0 评论 -
阻止网页操作完成后的页面自动跳转
$(window).on('beforeunload', () => { console.log('leave'); return false; });浏览器中按F12控制台输入上面一段代码 原生window.onbeforeunload = function() { return "\n确定离开当前页吗？";} ...原创 2018-12-14 11:49:49 · 6501 阅读 · 0 评论 -
后台获取的时间进行时分秒倒计时
<html lang="en"><head> <meta charset="UTF-8"> <title>js简单时分秒倒计时</title> <!--<script src="js/dayClickIn/dayClockIn.js">&am原创 2018-12-13 11:14:45 · 1838 阅读 · 0 评论 -
解决H5在微信浏览器中保存联系人问题
利用QRCode.js 生成二维码。 可离线生成，主要是通过获取 DOM 的标签,再通过 HTML5 Canvas 绘制而成,不依赖任何库效果图上代码！！！！<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; char...原创 2018-11-13 16:14:40 · 3912 阅读 · 3 评论 -
利用Clipboard.js解决ios手机浏览器无法实现网页内容复制
解决移动端IOS无法复制复制文字的问题！需要用到的是clipboard这个js文件官方下载地址：https://clipboardjs.com/第一步引入clipboardjs.js文件HTML代码要给元素添加一个class类名 js要获取元素用到<button class="btn" :data-clipboard-text="复制想到的内容">复制<...原创 2018-11-12 16:18:15 · 6143 阅读 · 0 评论 -
H5上传图片压缩
解决一些图片上传服务器转base64过大的问题用到技术canvasHTML代码<input id="file" type="file">js代码 <script type="text/javascript"> var eleFile = document.querySelector('#file'); // 压缩图片需要的一些元素和对象...原创 2018-11-09 14:13:31 · 1929 阅读 · 0 评论