![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
不靠谱的作曲家
这个作者很懒,什么都没留下…
展开
-
html中公用css、js提取、使用
开发中,页面会有引用相同的css、js的情况,如需更改则每个页面都需要调整,重复性工作较多,另外在更改内容之后上传至服务器中会有缓存问题,特针对该情况对公用css、js进行了提取并对引用时增加了版本号。原创 2023-10-18 14:59:35 · 728 阅读 · 0 评论 -
动态生成URL Scheme并跳转到小程序
h5跳转到小程序原创 2022-06-15 10:59:51 · 2737 阅读 · 3 评论 -
干货,快速的教你如何打包app
所需工具:HbuilderX hbuilderX下载地址,下载符合自己电脑的就行。1.新建项目步骤:文件 → 新建 → 项目2.选择5+app,输入项目名称,选择项目存放目录3.和我们正常的项目一样,只不过多了 unpackage 和 manifest.jsonunpackage : 存放app 的图标,生成后的apk等文件manifest.json: 配置app相关的一些信息4.配置app相关信息可以修改APP的名字,APP的图标和APP所需要的权限等5.打包app步骤:发行原创 2021-05-26 16:03:28 · 5658 阅读 · 11 评论 -
vue 随机抽签
1.新建一个数组roomArr: ["1", "2", "3", "4","5", "6", "7", "8","9", "10", "11", "12","13", "14", "15"],number:'',2.点击抽签,获取随机数,为了有随机的效果,使用了一个定时器this.timer = setInterval(() => { this.number = this.roomArr[Math.floor(Math.random() * this.roomArr.length)];}原创 2021-05-26 14:29:19 · 1533 阅读 · 11 评论 -
DES 加密解密方法
1.首先引入crypto-js.min.js库<script src="https://cdn.bootcss.com/crypto-js/3.1.9-1/crypto-js.min.js"></script>2.注册des加密解密方法//DES加密function encryptByDES(message, key){ var keyHex = CryptoJS.enc.Utf8.parse(key); var encrypted = CryptoJS.D原创 2021-05-21 15:11:05 · 1075 阅读 · 0 评论 -
获取安卓设备唯一标识UUID
document.addEventListener('plusready', ()=> { plus.device.getInfo({ success: (e) => { console.log(e.uuid) }, fail: function(e) {} });})原创 2021-05-19 17:03:35 · 622 阅读 · 0 评论 -
tagcanvas 使用方法
1.引入tagcanvas.min.js文件 官方地址:tagcanvas官方文档<script src="js/tagcanvas.min.js"></script>2.创建HTML结构 (结合vue.js使用的,看个人喜好)<div id="myCanvasContainer"> <canvas width="800" height="600" id="myCanvas"> <p>Anything in here will b.原创 2021-05-17 16:17:09 · 3546 阅读 · 1 评论 -
filter过滤掉指定元素
过滤掉数组中的5var arr = ["1","2","3","4","5"] arr = arr.filter((item)=>{ return item != 5})结果原创 2021-05-12 15:19:38 · 439 阅读 · 0 评论 -
通过js动态创建link标签
var url = "css/common.css" var link=document.createElement("link"); link.setAttribute("rel", "stylesheet"); link.setAttribute("type", "text/css"); link.setAttribute("href", url); document.getElementsByTagName("head")[0].appendChild(link)原创 2021-02-21 09:56:57 · 2070 阅读 · 0 评论 -
获取json数组里某一项的最大值
获取json数组里num中的最大值var nums = []$.ajax({ url:apiUrl, success:function(res){ nums = [] for (var i = 0; i<res.length; i++) { nums.push(res[i].num); } nums.sort(function(num1,num2){ return num1-num2; }) var maxN.原创 2020-10-30 14:50:05 · 2262 阅读 · 0 评论 -
tab切换
css.tabcont { display: none}.tabcont.active { display: block;}html<ul> <li class="tab"> 无偿献血达人 </li> <li class="tab"> 优秀红十字志愿者 </li></ul><div class="tabcont active"> tab1 </div><div cl原创 2020-09-28 17:31:48 · 121 阅读 · 0 评论 -
antV使用教程入门
在移动端使用antV F2图表入门介绍1.通过npm安装npm install @antv/f2 --save成功安装完成之后,即可使用 import 或 require 进行引用。const F2 = require('@antv/f2');2.通过引用在线js<script src="https://gw.alipayobjects.com/os/antv/assets/...原创 2020-05-07 17:33:52 · 8274 阅读 · 0 评论 -
js 根据链接生成二维码
1.引入插件qrcode.min.js 插件线上地址2.$(".leftqrcode").qrcode({ render: 'canvas' || 'table', //方式 width: '160', //二维码宽 height: '160', ...原创 2020-02-28 11:58:57 · 1051 阅读 · 0 评论 -
解决ios系统使用模糊实时搜索无效问题
在使用下拉模糊搜索的时候安卓和电脑是没有任何问题的,而在使用苹果系统并且是苹果系统默认输入法的时候不会触发搜索事件,导致输入关键字不能检索出来,经过反复测试得出两种解决方案1.在苹果手机上安装第三方输入法(不推荐,但也是一种解决方法)2.我们在程序上解决使用compositionend事件,当文本段落的组成完成或取消时, compositionend 事件将被触发当我们考虑到兼容性并且想解...原创 2020-02-21 15:59:33 · 2821 阅读 · 0 评论 -
根据失败的状态码提示用户
在success中我们可以根据成功的状态码进行提示或事件的判断,但是失败的状态码是在error中返回的,根据常规的形式拿不到状态码,后来初始化一个 XMLHttpRequest 对象,如下:所有的错误提示集合在了一个状态码中 error: (XMLHttpRequest, textStatus, errorThrown) => { var errorText = JSON.strin...原创 2020-01-07 11:04:05 · 766 阅读 · 0 评论 -
自定义数字软键盘
1.html<div id="pic"> <divclass="inputBtnList"> <button>1</button> <button>2</button> <button>3</button> <button>关闭</button> <...原创 2019-12-30 16:31:41 · 335 阅读 · 0 评论 -
获取元素内容高度
$("#div_id").height();// 获得的是该div本身的高度, (不包含padding,margin,border)$("#div_id").outerHeight();// 包含该div本身的高度, padding上下的高度, 以及border上下的高度(不包含margin的高度)$("#div_id").outerHeight(true);// 包含该div本身...原创 2019-11-12 11:20:24 · 1811 阅读 · 0 评论 -
js获取当前时间
1.html<div id="Date"> </div>2.js,setInterval的目的是为了让秒数试试更新setInterval(function() { var date = new Date(); var year = date.getFullYear(); //获取当前年份 var mon = date.getMonth() + 1; //获...原创 2019-11-04 17:34:39 · 173 阅读 · 0 评论 -
获取checked选中个数
1.html<div> <input type="checkbox" name="" id="" value="" /> <input type="checkbox" name="" id="" value="" /> <input type="checkbox" name="" id="" value="" /> <input ty...原创 2019-11-04 17:31:29 · 550 阅读 · 0 评论 -
json.stringify()与json.parse()的区别
1.json.stringify()是将对象转化为字符串2.json.parse()是将字符串转化为对象3.如果想把接口数据存储的本地然后从本地那数据渲染的话必须先将数据转化为字符串,获取到数据之后再将字符串转化为对象...原创 2019-10-28 15:20:03 · 98 阅读 · 0 评论 -
避免频繁请求接口,localstorage
1.项目中遇到的,两个页面频繁跳转,每次都请求一次接口,导致页面渲染更新缓慢,这时用到本地存储来避免频繁请求,前提是接口里的数据不是频繁更新的(以下是案例)var getboxInfo = JSON.parse(localStorage.getItem("setboxInfo")) //这里获取存储的数据(将字符串转化为对象)if(getboxInfo == null) { //判断...原创 2019-10-28 15:11:48 · 928 阅读 · 0 评论 -
判断手机号正确与否
通过正则判断手机号的格式var myreg = /^1[34578]\d{9}$/;if (!myreg.test(this.data.phonenum)) { wx.showToast({ title: '手机号有误', icon: 'none' }) return false;}原创 2019-09-11 14:22:14 · 184 阅读 · 0 评论 -
通过location传递参数获取参数
1.传递参数 (res.data.throw_id为要传递的参数)location.href = "end.html?id=" + res.data.throw_id + "";2.获取参数var url = location.search; //获取url中"?"符后的字串 ?var id; if(url.indexOf("?") != -1) { str = url.s...原创 2019-09-23 11:46:22 · 1997 阅读 · 0 评论 -
屏幕在若干时间内无操作出现屏保
大概思路就是:在5分钟内没有操作软件就会让图片出现,当操作手机之后屏保隐藏,一直操作就会一直把延时任务清除,当真正的五分钟没有操作才会真的出现屏保var timeshow = 300 * 1000 //设置时间var t = setTimeout("delayTask()", timeshow); //延时执行延时任务//延时任务具体的操作function delayTask...原创 2019-09-23 16:06:31 · 683 阅读 · 0 评论 -
根据数值删除数组对应元素
在不知道素组对应下标的情况下,我们可以根据元素删除数组中的对应元素$.inArray(value,array) value是要查找的数值,array是要被查找的数组原创 2019-09-27 15:06:19 · 622 阅读 · 1 评论 -
关于0.1+0.2的精度问题
document.write(0.1+0.2)结果等于 0.30000000000000004如果只需要保留一位小数document.write((0.1+0.2).toFixed(1))结果等于0.3原创 2019-10-09 10:51:08 · 359 阅读 · 0 评论 -
微信浏览器下拉问题
在微信浏览器下拉的时候有个弹性效果我们可以通过一下代码进行阻止document.body.addEventListener('touchmove', function (e) { e.preventDefault(); //阻止默认的处理方式(阻止下拉滑动的效果)}, {passive: false}); //passive 参数不能省略,用来兼容ios和android如果不加pass...原创 2019-10-11 17:02:03 · 391 阅读 · 0 评论 -
当内容大于一屏自定义遮罩层出现滚动
当内容大于一屏自定义遮罩层出现滚动时我们只需要在唤起遮罩层的点击事件中增加两行代码css.bodyfixed{ width:100% position:fixed;}js $('body').addClass('bodyfixed');在关闭弹窗的时候去除这个属性$('body').removeClass('bodyfixed')...原创 2019-09-05 15:50:51 · 134 阅读 · 0 评论