![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
程love
这个作者很懒,什么都没留下…
展开
-
lodash的去空值的方法 pickBy identity
lodash的去空值方法原创 2023-02-23 10:41:24 · 1561 阅读 · 0 评论 -
antd 类组件swiper中的指示器和ref
无原创 2023-01-16 12:59:30 · 969 阅读 · 0 评论 -
时间的常用方法
无原创 2022-12-15 18:34:18 · 55 阅读 · 0 评论 -
项目中页面可以左右滑动是什么缘故
页面可以左右滑动 就是有些元素过大了 超出了 给相应的模块儿 就会自动撑开然后给对应的模块儿 加个overflow:hidden原创 2022-05-25 16:39:43 · 516 阅读 · 0 评论 -
js filter 和 find的区别
返回的是数组filter() 方法创建一个包含所有通过测试函数的元素的新数组。如果没有元素满足测试函数,则返回一个空数组。1.find 返回的是符合条件的第一个数据find() 方法返回通过测试函数的第一个元素的值。如果没有值满足测试函数,则返回 undefined。...原创 2022-05-25 16:28:45 · 252 阅读 · 0 评论 -
pc toast改变大小
如果项目中是 分移动端和pc端然后pc端的话 可能要改toast的大小的const div = document.getElementsByClassName(‘am-toast-text’)[0];div.setAttribute(‘style’, font-size: 16px !important; min-width: 120px !important; padding: 15px 0px !important,);获取这个元素 然后设置原创 2022-05-25 16:23:43 · 154 阅读 · 0 评论 -
js antd中可交互的溢出省略的文本遇到刷新 先展示最长再展示省略效果 问题
import { Typography } from ‘antd’;import ‘antd/dist/antd.css’;const text =‘文本内容啦啦啦啦啦’ {text && 然后解决的方法是当此时text没有文案的时候就让他先设置上ellipsis的{text ? (<Paragraph copyable={{ tooltips: false }} ellipsis>{text}) : ()}//结果是对的 就是猜测这个问题出现的原因...原创 2022-03-25 15:27:09 · 456 阅读 · 0 评论 -
js复制文本的实现
单纯js的实现<buttononClick={() => {this.copy();}}>复制private copy(): void {const content = document.getElementsByClassName(‘page-new-link-src’)[0].innerHTML;navigator.clipboard.writeText(content);}2.结合antd的复制文本import {Typography } from ...原创 2022-03-25 14:58:45 · 261 阅读 · 0 评论 -
js new Promise的基本用法
function easyShare(config) {return new Promise((resolve, reject) => {try {if (config === true) {console.log(11, config)setTimeout(() => {resolve(‘成功了’)}, 1000)} else {// throw errorthrow ‘失败了’}} catch (error) {console.log(12, error)reje原创 2022-03-18 15:55:46 · 4264 阅读 · 0 评论 -
js 将字符串转化为number的简单方式
str 前边加上 正负号即可console.log(11,typeof(+‘123’))//numberconsole.log(11,typeof(-‘123’))//number2.就是使用运算符减、乘、除的其中一种,在不改变原值的情况下,和number类型的值做运算,console.log(11,typeof(‘123’-0))//numberconsole.log(11,typeof(‘123’* 1))//numberconsole.log(11,typeof(‘123’...原创 2022-03-04 17:14:25 · 4471 阅读 · 0 评论 -
js console.error
console.error会在控制台以红色亮起的方式显示打印的但不会影响下边js的程序继续执行的原创 2022-03-04 15:19:31 · 447 阅读 · 0 评论 -
js window.location
获取的是当前页面url的 从问号开始的部分https://mp.csdn.net/mp_blog/manage/article?spm=1011.2124.3001.5298console.log(window.location.search)//"?spm=1011.2124.3001.5298"原创 2022-03-04 11:08:17 · 462 阅读 · 0 评论 -
js 数组方法 filter map forof find findIndex的使用区别
filter 不改变原始数组 返回符合条件的数据 格式是一个数组作用是过滤出符合条件的数据let arr = [1,2,3,4,5]// arr.filter((ele,index)=>ele>1)const arrFilter = arr.filter((ele,index)=>ele>1) console.log(arrFilter) //[2, 3, 4, 5]map 即是映射 返回原始数组每一项映射后的新数组作用是根据原始数组 映射出...原创 2022-03-04 10:37:02 · 171 阅读 · 0 评论 -
js 监听事件传值new CustomEvent和new Event的区别
Event 和 Custom 都是自定义事件,区别在于CustomEvent可传参数数据。1.new Event 不可传参window.addEventListener(‘bkmorphoapi:error’, (e) => {console.log(77,e,e.detail)});setTimeout(() => { console.log(8989)// 触发, 即弹出文字 执行监听的事件window.dispatchEvent(new Event('bkmorphoa原创 2022-03-03 15:26:10 · 2197 阅读 · 0 评论 -
js 对象中有方法的写法
对象中有方法的写法1.1直接写函数 省略属性名 不用写functionconst obj ={fn(){console.log(8989)}}1.2带属性名 不重复写函数名const obj ={fn: function (){console.log(8989)}}解读一段代码:const commonService = () => ({fn(){console.log(11)},fn2(){console.log(11)}})//这个即是 com...原创 2022-03-02 17:40:36 · 1518 阅读 · 0 评论 -
js import的使用
是否是默认导出默认导出 不加{} 不是默认导出加{}test.jsexport default function fn() {console.log(“fn”);}export function fn2() {console.log(“fn2”);}export function fn3() {console.log(“fn3”);}index.jsimport fn from “./test.js”;import { fn2 as fn2name } from “./te...原创 2022-03-02 10:24:00 · 2790 阅读 · 0 评论 -
js setAttribute removeChild appendChild
1.setAttribute1.1创建新的属性,修改属性 33 removeChild删除父节点中的子节点 父节点 子节点 appendChild增加父节点中的子节点 父节点 ...原创 2022-03-01 11:09:19 · 74 阅读 · 0 评论 -
js 自定义事件监听
除了浏览器提供的原生事件外,有时为了满足特定的需求,比如小模块之间的通信,传递信息等,需要自定义一些事件,有两种写法:1. 2.<script> window.addEventListener('bkmorphoapi:error', () => { console.log(777)});setTimeout(() => { console.log(8989)// 创建 // const evt = document.createEve原创 2022-02-28 17:10:58 · 2180 阅读 · 0 评论 -
js arr.flat() new Set() Array.from()
//flat 扁平化数组,降低维度const arr = [1,2,[3,4,[5,6]]]console.log(11,arr.flat(),arr.flat(2))// 1.html:13 11 (5) [1, 2, 3, 4, Array(2)] (6) [1, 2, 3, 4, 5, 6] //Array.from 将伪数组转化为数组 new Set去重的 const arr2 = [1,1,2,3,2,5] console.log(22, new原创 2022-02-28 15:19:38 · 237 阅读 · 0 评论 -
react 中的&&的使用
Hello! {unreadMessages.length > 0 && You have {unreadMessages.length} unread messages. } 之所以能这样做,是因为在 JavaScript 中,true && expression 总是会返回 expression, 而 false && expression 总是会...原创 2021-11-04 16:00:09 · 1182 阅读 · 0 评论 -
如何判断当前的时间是否在秒杀时间内
场景是 判断判断当前的时间是否在秒杀时间内秒杀时间支持配置的开始是:08:30结束是:13:00实现是此时获得当前的时间 通过转化得到对应格式是:let nowTime = “09:00”let startTime = “08:30”let endTime = “13:00”const startTimeA = +startTime.replace(’:’, ‘’);//+号 是把字符串转化为数值//830const endTimeA = +endTime.replace(...原创 2021-10-28 17:07:02 · 293 阅读 · 0 评论 -
字符串转化成数值
比较简单的实现方式:let a = “12345”console.log(+a)原创 2021-10-28 16:50:23 · 118 阅读 · 0 评论 -
如何实现 红包按钮文案的时间 可配置功能
场景:红包的按钮文案 中有时间 “提醒我明日9:00抽奖” 但是这个时间9:00也是不固定的需要支持配置的实现配置字段1 startTime:“09:00”配置字段2 buttonText:“提醒我明日${time}抽奖”代码里可以这样的buttonText.replace(’${time}’, startTime)...原创 2021-10-28 16:05:24 · 285 阅读 · 0 评论 -
如何用缓存做秒杀功能
首先的是 这里有一个场景是 当用户 是今天是第一次进入页面的话 就是此时给她弹窗 进行参加活动 ,当今天之后再进入的话就不给他弹窗了2.此时思路是 就是当用户第一次进入的时候 给她存储一个值 这个值取决于场景 ,比如活动是每天用户只有一次机会刚进入的时候出线弹窗 所以就是以时间为基准即可用到的是存储 window.localStorage.setItem(‘lastPopTime’, String(now));获取 window.localStorage.getItem(‘lastPopT...原创 2021-10-28 15:39:48 · 120 阅读 · 0 评论 -
this.setState中的promise
fn(){……return new Promise((resolve)=>{this.setState({a:1},()=>{resolve({b:1})})})}console.log(fn,await fn)//第一个是接收的一个promise第二个接收的是 new Promise返回的那个对象{b:1}原创 2021-10-27 16:50:26 · 130 阅读 · 0 评论 -
引入vconsole 帮助解决问题
import VConsole from ‘vconsole’;new VConsole();原创 2021-10-27 16:35:33 · 172 阅读 · 0 评论 -
js map和flatMap的区别
区别就是flatMap少嵌套了一层case:原创 2021-10-25 15:05:55 · 504 阅读 · 0 评论 -
文字是否渲染的最佳判断条件
场景:const contracts = []contracts?.length ? 查看 : ‘’犯错:1:const contracts = []contracts&& 查看这样就是会渲染出这个查看了const contracts = []contracts&&contracts.length&& 查看这样就是会渲染出这个0了contracts?.length? 查看 :’’...原创 2021-10-25 10:57:12 · 50 阅读 · 0 评论 -
数组对象去重
1.new Setnew Set()2.Array.from 将去重完的转换格式Array.from(new Set())原创 2021-09-03 11:29:09 · 46 阅读 · 0 评论 -
打开一个新页面
1.关闭当前页面 直接重定向到对应链接地址window.location.href = ‘https://www.baidu.com’2. 不关闭当前页面 只是重新打开一个页面window.open(‘https://www.baidu.com’)原创 2021-09-02 15:16:25 · 194 阅读 · 0 评论 -
js 监听事件
//监听 创造监听事件名称和事件执行的内容document.addEventListener(‘bkmorphoapi:inited’, () => {console.log(777)});setTimeout(() => {console.log(8989)// 创建const evt = document.createEvent(‘HTMLEvents’);// 初始化 绑定事件evt.initEvent(‘bkmorphoapi:inited’, false, fals原创 2021-09-02 14:44:33 · 130 阅读 · 0 评论