![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
三个人工作室
这个作者很懒,什么都没留下…
展开
-
uniapp的swaper标签,height高度不生效。
使用colorUI(原理所有框架通用uviewUI也是)高度无法生效,图片(长条形)总是有空白。(colorUI是screen-swiper的class)从浏览器当中进行定位即可。原创 2023-04-11 17:55:11 · 494 阅读 · 1 评论 -
js将后端传来的数组字符串转换为数组
【代码】js将后端传来的数组字符串转换为数组。原创 2022-09-14 17:07:13 · 586 阅读 · 0 评论 -
【vue】H5页面JS禁止使用鼠标右键,禁止长按弹出右键菜单
排查找资料后发现这是因为页面设置了其他右键事件,oncontextmenu监听的是右键从按下到弹起,期间也监听到了其他的右键事件,其他的右键事件触发了右键菜单,使我们的方法失效。将以下内容粘贴到script标签中即可,在电脑调试页面中,和微信公众号的网页中均有效果。使用这种方式在Windows系统中表现正常,但是在Mac中却进不了监听事件。...原创 2022-07-18 10:27:17 · 3502 阅读 · 0 评论 -
vue/js分别限制数字、英文、中文。
直接上代码//只允许中英文及数字//去除特殊字符~!@#$^-&*()=|{}':;',\[].<>/?~!@#¥……&*()——|{}【】';:""'。,、?export function trimSpecial(string) { //替换字符串中的所有特殊字符(包含空格) if(string!= ""){ const pattern=/[`~!@#$^\-&*()=|{}':;',\\\[\]\.<>\/?~!@#¥……&原创 2021-07-08 15:12:31 · 394 阅读 · 0 评论 -
js正则表达式去除字符串中的特殊字符 (包含空格)
去除特殊字符~!@#$^-&*()=|{}':;',\[].<>/?~!@#¥……&*()——|{}【】';:""'。,、?需要可以自行调用//去除特殊字符~!@#$^-&*()=|{}':;',\[].<>/?~!@#¥……&*()——|{}【】';:""'。,、?export function trimSpecial(string) { //替换字符串中的所有特殊字符(包含空格) if(string!= ""){ const原创 2021-07-07 12:51:18 · 13979 阅读 · 0 评论 -
js一句代码确定数组中某值的数量
定义一个数组arr例:确定数组中0的数量arr.join('').split('0').length原理:将数组转换为字符串(不包括下标)然后分析其中0的个数兼容undefined和null快捷优雅适用~原创 2021-04-13 16:15:59 · 709 阅读 · 0 评论 -
js:splice(0)清空数组失效
现象:splice(0)清空数组失效、length=0失效原因对于不按照01234...排列的特殊数组来说,对于数组下标的任何操作都会失效示例arr['id']="id"arr['name']="name"arr['pwd']="pwd"arr.splice(0)//失效arr.length=0//失效arr=[]//有效解决方案arr=[]//有效...原创 2021-04-13 11:07:16 · 1564 阅读 · 0 评论 -
js将对象转为数组
js将某个对象按属性转为数组const data = { a:0, b:5, e:8, r:89, y:''};const arr = Object.keys(data).map(item=>({name: item, value: data[item]}))console.log(arr)使用效果:原创 2021-03-30 16:26:14 · 999 阅读 · 0 评论 -
js解决加减乘除运算精度问题。
网上有许多精确运算的案例,但是在实操过程中js加减出现0.00000000001和1.9999999999仍旧是个问题。现有临时解决方案(非金额计算时候可用)方法1let sum = 3.141592600000001sum = (parseFloat(sum.toFixed(6)))原理:取6位小数(平时够你用了)然后转换为小数类型输出结果:3.141593方法2Math.round(X * 100) / 100原理:取6位小数(平时够你用了)然后转换为小数类型输出结果:3.1原创 2021-02-08 21:20:13 · 800 阅读 · 0 评论 -
一句话js数组去重【ES6】【伸手党福利】
方法1function unique(arr) { const res = new Map(); return arr.filter((a) => !res.has(a) && res.set(a, 1))}方法1 分析function unique(arr) { //定义常量 res,值为一个Map对象实例 const res = new Map(); //返回arr数组过滤后的结果,结果为一个数组 //过滤条件是,原创 2021-02-08 16:16:23 · 245 阅读 · 0 评论 -
通过js前端web端获取外网ip和内网ip
外网ip调用接口:http://pv.sohu.com/cityjson?ie=utf-8jQuery.getScript( "http://pv.sohu.com/cityjson?ie=utf-8",function(){ console.log(returnCitySN); alert(returnCitySN['cip']); });$.ajax({ url: "http://pv.sohu.com/cityjson?ie=utf-8",原创 2020-12-25 14:36:59 · 1569 阅读 · 1 评论 -
前端开发基本操作笔记合集【伸手党福利】【不断更新】
前端开发基本操作:div中两个div强制在一行父级元素添加stylewhite-space: nowrap;子级元素添加styledisplay:inline-block总计:.father {white-space: nowrap;}.father .son{display:inline-block}同一行div左中右排版,强制左对齐,居中,右对齐...原创 2020-12-13 21:08:08 · 768 阅读 · 0 评论 -
setTimeout 不起作用万能解决方案
vue当中axios会执行异步请求,但是返回时间并不确定,如果要调用其返回结果的话会产生undefined的情况,除了官方封装axios的promiseall方法外,很多童鞋需要使用setTimeout来解决问题。然而,setTimeout在created和methods里面有时候会抽风,没有延时,直接执行了信息。很多童鞋不知道为什么,其实,使我们自己写的不对。正确写法:【加()=>表示这个是一个function,但是直接用function的话也不行】setTimeout(()=>thi原创 2020-10-30 09:58:06 · 4487 阅读 · 1 评论 -
js判断浏览器是否是移动端、判断是否是微信内置浏览器
多种方法直接改window.location.href=B页面;这句话即可function browserRedirect() { var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os"; var原创 2020-10-19 14:49:23 · 348 阅读 · 0 评论 -
javascript:如何获得鼠标在窗口/浏览器/网页上的位置——可用于移动端
实际操作:【减去40像素,使得元素居中】 var touch = e.originalEvent.targetTouches[0]; var x = touch.pageX-document.body.scrollLeft - document.documentElement.scrollLeft-40; var y = touch.pageY- document.body.scrollTop - document.documentElement.scrollTop-40原创 2020-10-19 14:44:49 · 1796 阅读 · 0 评论 -
jQuery - 操作元素的style属性——最全
一、获取、修改 css 样式属性1,使用 css() 方法获取元素的样式属性比如下面代码可以获取 p 元素的文字颜色(color)。无论该属性是从外部 CSS 导入,还是直接拼接在 HTML 元素里(内联),css() 方法都可以获取到 style 里的值。$("p").css("color"); //获取p元素的文字颜色2,css() 方法也可以用来设置元素的样式(1)比如设置某个元素的单个样式。$("p").css("color","orange"); //将p元素的文字颜色设置为红色原创 2020-10-19 14:37:49 · 11142 阅读 · 0 评论 -
【伸手党福利】手机移动端用户按下、拖动、抬起手指的监听函数jq【封装app、微信浏览器、小程序、uc浏览器都有效】
$(document).on('touchstart',function(e) { console.log("111") }) $(document).on('touchmove',function(e) { }); $(document).on('touchend',function(e) { });原创 2020-10-18 13:03:32 · 560 阅读 · 0 评论 -
【伸手党福利】console.log()修改字体大小、颜色、背景【基础+进阶总结】
标准用法:背景颜色console.log("%cText","background:rgba(133,108,217,1)")大小console.log("%cText","font-size:5em")颜色console.log("%cText","color:5em")多种console.log("%cText","color:5em;background:red")炫彩3D文字console.log("%c3D Text"," text-shadow: 0 1px 0原创 2020-10-14 16:22:26 · 5927 阅读 · 0 评论 -
JS获取日期(年/月/日/时/分/秒)&格式转化——带格式化函数
因为用到JS倒计时,所以就把网上搜到的各种关于日期的整理了一下,有个印象,以后再用到,可以直接看自己的,方便很多。var myDate = new Date();以下都是在myDate的基础上得到的。myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDate();原创 2020-09-04 15:56:11 · 2696 阅读 · 0 评论 -
js生成32位随机字符串/订单号
vue中用的,正常调用去掉export即可,默认为32位,大写字母+数字export function getRandomString(length = 32) { let arr = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V",原创 2020-09-03 15:53:14 · 1530 阅读 · 0 评论 -
js字符串转换成数组、数组转换字符串、数组倒序转为字符串
<script> var str="abcdefg" //1、将字符串转成数组形式:split() var arr=str.split("") console.log(arr)//["a", "b", "c", "d", "e", "f", "g"] //2、将数组转成字符串形式:join() var strings=arr.join("")// console.log(strings)//abcdefg //2、将数组元素反转:reverse()函数只能反转数组 var re原创 2020-08-06 07:13:42 · 673 阅读 · 0 评论 -
js控制台消息console.log全局消除的方法。
方法一:不显示,但是setTimeout(console.clear(),2000)效果方法二:完全隐藏console.log = function(){}写在全局调用的文件里面,例如header.html效果:完全不显示。原创 2020-07-31 15:09:33 · 1326 阅读 · 1 评论 -
js控制台console输出的多种方式。
console.log("信息") console.info("一般信息") console.debug("日志信息") console.warn("警告信息") console.error("错误信息")效果原创 2020-07-31 14:59:36 · 953 阅读 · 0 评论 -
pdf.js最新版(2.2.0)跨域问题解决方案,不改原文件!不改原文件!不改原文件!
本方案为“绿色版”!不改原版文件!不改原版文件!不改原版文件!(例子是php的)之前看到pdf.js1.9的跨域解决方案,奈何版本更新,找不到1.9了。csdn上下载要积分,我这穷啊~于是我打算自己解决跨域问题。这里使用了php对数据类型不敏感的特点,利用文件流强行将跨域的文件改为非跨域。因为插件访问的文件本身不跨域,不用更改pdf.js内部的文件,实际测试有效。说白了,还是在文件流上...原创 2020-04-21 10:18:07 · 1239 阅读 · 0 评论 -
js刷新页面方法大全
js刷新页面方法大全js刷新页面方法大全作者: 字体:[[url=]增加[/url] [url=]减小[/url]] 类型:转载 时间:2008-05-10我要评论本文介绍下,用js刷新当前页面的几种方法,包括reload方法、replace方法、自动刷新方法等。有需要的朋友参考下吧如何实现刷新当前页面呢?借助js你将无所不能。1,reload 方法,该方法强迫浏览器刷新当...转载 2019-07-25 23:49:15 · 509 阅读 · 0 评论 -
单击按钮添加输入框 js 真
需要:加载jq其中有id作为引导值onclick="ADD_ROW($id)";这个$id是用php循环写的。function ADD_ROW($id){ $form_id++; $("#"+$id).append ( '<ol class="dd-list" ><li class="dd-item" data-id="" id=""><...转载 2019-07-25 23:48:27 · 356 阅读 · 0 评论 -
按钮,输入框变灰并不可用js
document.getElementById("id").style.color="#aaa"; //变成灰色document.getElementById("id").disabled=true;//添加禁用属性,禁止改变输入的值复制代码以上是按钮的输入框:document.getElementById("name").style.background...转载 2019-07-25 23:47:27 · 1393 阅读 · 0 评论 -
js ajax提交表单和信息并返回值
标准的内容:4.php<html> <head> <title>jQuery Ajax 实例演示</title> <meta charset="utf-8" /> </head> <script src="...转载 2019-07-25 23:46:17 · 958 阅读 · 0 评论 -
通过js脚本实现动态添加HTML标签
<html xmlns="http://www.w3.org/1999/xhtml"><head> <title>欢迎光顾我的小小潇潇网站!</title> </head><script language="javascript" type="text/javascript"> function ...转载 2019-07-20 23:45:32 · 1266 阅读 · 0 评论 -
单击后变化背景颜色 js JS中style属性
<span onClick='this.style.backgroundColor="#FFF";' contenteditable="true" style="background-color:#0F0">Item 1</span>复制代码解决办法:1、先定义一个CSS规则,然后this.className=’’2、document.getElementByI...转载 2019-07-20 23:44:17 · 1802 阅读 · 0 评论 -
HTML+JS实现可编辑表格
实现可视化编辑表格操作…HTML文件:Java代码 [url=] [/url]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://ww...转载 2019-07-20 23:22:45 · 3837 阅读 · 1 评论 -
js重新定向到其他网页
e.prototype.doShare = function (b) { self.location='http://xxxx.52x2.com/login.php'; };复制代码self.location='http://xxxx.52x2.com/login.php'; 复制代码...转载 2019-07-22 10:22:44 · 145 阅读 · 0 评论 -
js post 提交函数!
$.post("/mysql.php",{score:e.scoreNum,gamename:"dhd"});复制代码$.post("/mysql.php",{score:e.scoreNum,gamename:"dhd"});//js post 提交函数!score:e.scoreNum,gamename:"dhd"即:提交score为一个函数提交gamename为一个常量值这个...原创 2019-07-22 10:23:59 · 1361 阅读 · 0 评论 -
将多行数据赋值给一个变量 js
<script>Function.prototype.getMultiline = function() { var lines = new String(this); lines = lines.substring(lines.indexOf("/*!\r\n") + 20, lines.lastIndexOf("!*/")); return l...转载 2019-07-26 01:19:26 · 987 阅读 · 0 评论 -
php 弹窗警告《用js方法》
echo "<script>alert('您操作的用户周薪已经变化,请刷新此页面再进行操作!');</script>"; 这篇文章主要介绍了用PHP实现弹出消息提示框的两种方法,有需要的朋友可以参考一下方法一:代码如下:echo "<script>alert('提示内容')</script>";方法二:代码如下:echo '&l...转载 2019-07-26 01:30:07 · 567 阅读 · 0 评论 -
h5限制数字且限制输入位数(用于手机号,身份证号等)
<input name="district" type="number" class="form-control" placeholder="医保卡号" maxlength="19" oninput="if(value.length>19)value=value.slice(0,19)">真正有效部分:<input type="number" oninput="if(...原创 2019-08-04 16:14:22 · 3427 阅读 · 0 评论 -
input限制只能输入数字并限制长度
当我们使用类型number的input输入框的时候,我们可能需要限制输入的位数,这个时候通常会想到maxlength,但是maxlength是在number类型的时候是不支持的,下面是一些解决这种问题的方法。1)max和minmax和min是number输入框所支持的,这样如果我们要限制输入11位的手机号码,就可以用如下代码<input type="number" max="999...转载 2019-08-04 21:04:12 · 1779 阅读 · 0 评论 -
JavaScript实现页面跳转的几种方式
第一种:<script language="javascript"> window.location.href="index.php"; //比较常用的方法,没什么可解释的,后面直接跟指定要跳转的地方。 </script>复制代码第二种: <script language="javascript...转载 2019-07-23 10:17:38 · 252 阅读 · 0 评论 -
href和.replace的区别
href相当于打开一个新页面,replace相当于替换当前页面这里打开页面都是针对历史记录来说,在页面上看完全相同,只是浏览器的history表现不同如果在1.html中点击链接到2.html,然后2.html中使用href跳转到3.html,这时(页面是3.html)按浏览器后退按钮将返回2.html(从2.html进来的)但如果上面在2.html中调用replace进入3.html,再点...转载 2019-07-23 11:08:06 · 1031 阅读 · 0 评论 -
checkbox多选框选中执行js做动作&jq调用显示或隐藏div
<script>function changeHref(obj) { var target = document.getElementById("aPay"); // 查找目标对象 target.href = "https://www.abc.com/ok.htm?pay=" + obj.value; // 修改A标签}</script><table&...转载 2019-07-23 12:15:27 · 1148 阅读 · 0 评论