随笔分类 -  JS

1 2 3 4 5 ··· 8 下一页

js数组置顶元素(将某一项移到首位)
摘要:方法1let arr=[1,2,3] //假设选中的元素为第二个 arr.forEach((item,index)=>{ if(item 2){ arr.unshift(arr.splice(index,1)[0]) } }) console.log(arr) //[2,1,3] 方法2let ar 阅读全文

posted @ 2024-04-01 09:19 ranyonsue 阅读(128) 评论(0) 推荐(0) 编辑

关于ios手机Date对象的时间格式兼容问题
摘要:通常后台返回给前端的字符串的时间数据格式是这样的:2019-8-5 12:18:35 , 要计算日期的时候需要把日期转换成时间戳才方便计算。 在安卓 chrome等浏览器,此格式可以直接传入到new Date(date)里,获取对应的日期,然后调用getTime方法,既可以获得相应时间的时间戳,像这 阅读全文

posted @ 2024-02-21 09:46 ranyonsue 阅读(24) 评论(0) 推荐(0) 编辑

对象数组某个属性值相同的数据合并
摘要:在开发过程中,遇见后台传递的对象数组数据太散的时候,我们需要重构数据使用,借鉴两种方法来合并数据,总结如下: //需要处理的数据 result: [ { name: 'a', score: 80 }, { name: 'b', score: 90 }, { name: 'c', score: 60 阅读全文

posted @ 2023-11-06 15:52 ranyonsue 阅读(633) 评论(0) 推荐(0) 编辑

js 中,reduce() 的详解 以及使用方法
摘要:reduce():reduce()方法为归并类方法,最常用的场景就是,计算数组中的每一项的总和。 reduce() 方法会遍历数组的每一项,他接收两个参数: 第一个参数:每次遍历都会调用的函数,而这个函数有接收四个参数,分别是:前一个值、当前项、项目的索引和数组对象,而这个函数的返回值,回传给下一次 阅读全文

posted @ 2023-09-22 17:20 ranyonsue 阅读(127) 评论(0) 推荐(0) 编辑

js中!!的用法(双感叹号)
摘要:在javascript代码中经常会见到!!的情况,本文即以实例形式较为深入的分析javascript中2个感叹号的用法。分享给大家供大家参考之用。具体分析如下: javascript中的!!是逻辑"非非",即是在逻辑“非”的基础上再"非"一次。通过!或!!可以将很多类型转换成bool类型,再做其它判 阅读全文

posted @ 2023-09-22 16:54 ranyonsue 阅读(520) 评论(0) 推荐(0) 编辑

js时间比较大小
摘要:千万注意 必须new Date("2023-06-16 00:00:00") 不能new Date("2023-06-16"),因为 new Date("2023-06-16").getTime()== new Date("2023-06-16 08:00:00").getTime() 这个和时区有 阅读全文

posted @ 2023-09-21 15:31 ranyonsue 阅读(869) 评论(0) 推荐(0) 编辑

JavaScript数组filter方法
摘要:1.数组filter方法作用筛选数组,将满足条件的元素放入新数组中 2.语法 : array.filter( function ( item, index,arr) {} )第一个参数: item,必须,当前元素的值 第二个参数 : index,可选,当前元素在数组中的索引值 第三个参数 : arr 阅读全文

posted @ 2023-09-20 16:56 ranyonsue 阅读(273) 评论(0) 推荐(0) 编辑

js三目运算符使用及嵌套
摘要:三目运算符基础格式:条件?a:b;下面根据一个实例来解释用法 var a = 10; var b = 5; var c = a > b ? a : b; //定义一个c ,如果 a > b,那么 取 冒号前面的值(这里为a),如果a <= b,那么取 冒号后面的值(这里为b) console.log 阅读全文

posted @ 2023-08-17 10:17 ranyonsue 阅读(86) 评论(0) 推荐(0) 编辑

解决QRCODE生成的二维码微信长按不识别问题
摘要:问题描述 QRcode 生成二维码,展示到页面,微信打开,长按二维码没反应。而直接放二维码图片上去可以识别。 问题原因 手机兼容问题qrcode在页面生成二维码时,会生成一个canvas标签和一个img标签。在电脑浏览器上调试的时候,发现生成二维码之后canvas标签是会自动隐藏的,然后展示img标 阅读全文

posted @ 2023-06-21 13:50 ranyonsue 阅读(758) 评论(0) 推荐(1) 编辑

location.href和location.replace的区别
摘要:情景比如支付过程中或者使用商品的优惠券,而使用这张优惠券需要取请求 一个第三方的地址,中间会有一次跳转。 若使用 window.location.href=“url” ,按流程操作是没问题的,但是如果用户点击返回,则无法跳回原本的提交订单的页面,会一直进行重复请求,造成程序出错。 所以,必须替换成 阅读全文

posted @ 2023-05-11 10:51 ranyonsue 阅读(389) 评论(0) 推荐(0) 编辑

css实现横向滚动文字
摘要:css如何做横向滚动文字 在css中,想要实现横向滚动的文字,需要利用animation属性和@keyframes 规则来实现元素缩放的动画效果,通过 @keyframes 规则,能够创建动画。 创建动画的原理是,将一套 CSS 样式逐渐变化为另一套样式。在动画过程中,您能够多次改变这套 CSS 样 阅读全文

posted @ 2023-03-31 09:17 ranyonsue 阅读(562) 评论(0) 推荐(0) 编辑

中后端做Excel导出功能返回数据流前端如何做处理
摘要:exportFile(params).then(res => { // 直接返回来就是blob数据 if (res) { const xlsx = 'application/vnd.ms-excel' const blob = new Blob([res], { type: xlsx }) cons 阅读全文

posted @ 2023-03-01 10:44 ranyonsue 阅读(804) 评论(0) 推荐(0) 编辑

js 正则表达式 匹配除汉字、字母、数字、逗号、句号、括号外的特殊字符(用来规范输入内容)
摘要:/[^\u4e00-\u9fa5a-zA-Z\d,.,。()]+/ 其中\u4e00-\u9fa5匹配汉字,a-zA-Z匹配字母,\d匹配数字,,.,。()匹配逗号、句号或括号,^表示非,+表示尽可能多的匹配。 let nameReg = /^[a-zA-Z0-9\u4e00-\u9fa5,\()( 阅读全文

posted @ 2023-02-03 13:33 ranyonsue 阅读(2083) 评论(0) 推荐(0) 编辑

html2Canvas 前端保存页面为图片
摘要:html2canvas 能够实现在用户浏览器端直接对整个或部分页面进行截屏。这个html2canvas脚本将当页面渲染成一个canvas图片,通过读取DOM并将不同的样式应用到这些元素上实现。 它不需要来自服务器任何渲染,整张图片都是在客户端浏览器创建。当浏览器不支持Canvas时,将采用Flash 阅读全文

posted @ 2022-10-25 13:54 ranyonsue 阅读(321) 评论(0) 推荐(0) 编辑

react 加载img出错 使用onError解决
摘要:使用场景:src的url路径是通过接口拿到的,如果拿到的url显示404,前端是无法判断404的,这个时候可以使用onError事件做一个备用图处理 1.onError <img src='要显示的图片路径' onError={(e) => {e.target.onerror = null;e.ta 阅读全文

posted @ 2022-09-22 13:27 ranyonsue 阅读(989) 评论(0) 推荐(0) 编辑

replace()函数 清除或替换多个不同字符
摘要:定义:replace(str,替换的文字) 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。 参数1是要替换的字符,也可以用正则匹配,参数2是要替换完成显示的字符,两个参数必填 案例一 let str1 = "ni-hao"//清除-let str2 = str1.re 阅读全文

posted @ 2022-08-03 10:47 ranyonsue 阅读(3904) 评论(0) 推荐(0) 编辑

js判断空对象的几种方法
摘要:一、将对象转为字符串比较这是最容易想到的方法,主要使用JSON.stringify()这个方法对对象进行强转: var a={};var b=new Object();console.log(JSON.stringify(a)=="{}") //trueconsole.log(JSON.string 阅读全文

posted @ 2022-02-16 13:57 ranyonsue 阅读(11972) 评论(1) 推荐(2) 编辑

JavaScript点击事件-一个按钮触发另一个按钮的点击事件
摘要:案例 <input type="button" value="Click" id="C" onclick="Go();"><input type="button" value="Wait" id="W" onclick="javascript:alert('Amazing!');"><script> 阅读全文

posted @ 2022-01-17 17:19 ranyonsue 阅读(3414) 评论(0) 推荐(0) 编辑

react 前端导出Excel
摘要:1.首先下载 js-export-excel npm install js-export-excel; 2.下载 xlsx npm install xlsx; 3.引入 import * as XLSX from 'xlsx' import ExportJsonExcel from 'js-expo 阅读全文

posted @ 2021-12-24 10:48 ranyonsue 阅读(1428) 评论(2) 推荐(1) 编辑

React中使用react-file-viewer,实现预览office文件(pdf,word,xlsx等文件)前端实现
摘要:最近做一个项目要求在前端浏览器可以直接打开office文件(pdf,doc,xlsx等文件)。pdf浏览器可以直接打开(可以直接用a标签href="文件地址"或者iframe标签src="文件地址"再或者使用pdf.js)。但是word,xlsl等文件很难实现,网上的实现方式有微软的方法实现但是访问 阅读全文

posted @ 2021-07-07 15:44 ranyonsue 阅读(6884) 评论(0) 推荐(0) 编辑

1 2 3 4 5 ··· 8 下一页

导航