2024年7月10日

react或vue中页面多个echarts,只有最后一个能自适应的处理方法

摘要: 页面多个echarts时,自适应绑定方式必须是addEventListener window.addEventListener("resize",()=>{ myChart.resize(); myChart2.resize(); }) myChart,myChart2是echart实例 阅读全文

posted @ 2024-07-10 09:25 ranyonsue 阅读(44) 评论(0) 推荐(0) 编辑

2024年4月1日

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 阅读(1032) 评论(0) 推荐(0) 编辑

2024年2月21日

关于ios手机Date对象的时间格式兼容问题

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

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

2023年12月8日

CSS 网页适配 iPhone全面屏

摘要: 前言iPhoneX 取消了物理按键,改成底部小黑条,这一改动导致网页出现了比较尴尬的屏幕适配问题。对于网页而言,顶部(刘海部位)的适配问题浏览器已经做了处理,所以我们只需要关注底部与小黑条的适配问题即可(即常见的吸底导航、返回顶部等各种相对底部 fixed 定位的元素)。 适配之前需要了解的几个新知 阅读全文

posted @ 2023-12-08 09:56 ranyonsue 阅读(250) 评论(0) 推荐(0) 编辑

2023年11月6日

对象数组某个属性值相同的数据合并

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

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

2023年10月8日

SVN中的回退操作 三种操作比较

摘要: 前言今天来研究一下svn中的版本回退操作,以工程版本号270举例 三种回退操作 一、 Update item to revision执行操作后会回退掉271 ~ 276版本的更改,使本地的代码为270版本的代码,相当于270版本之后的代码本地还没有更新的状态,更新了就会回来。该操作主要用于测试看27 阅读全文

posted @ 2023-10-08 11:16 ranyonsue 阅读(6290) 评论(0) 推荐(0) 编辑

2023年9月25日

React Hooks中父组件中调用子组件方法

摘要: import {useState, useImperativeHandle,forwardRef} from 'react'; // props子组件中需要接受ref let ChildComp = (props,ref) => { // 此处注意useImperativeHandle方法的的第一个 阅读全文

posted @ 2023-09-25 11:10 ranyonsue 阅读(705) 评论(0) 推荐(0) 编辑

2023年9月22日

js 中,reduce() 的详解 以及使用方法

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

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

js中!!的用法(双感叹号)

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

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

2023年9月21日

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 阅读(1001) 评论(0) 推荐(0) 编辑

导航