
js
淡淡忧伤的程序员
12312
展开
-
taro3 路由工具-万能跳转
import Taro, { navigateTo as _navigateTo, redirectTo as _redirectTo, switchTab as _switchTab, navigateBack as _navigateBack, reLaunch as _reLaunch, useRouter} from "@tarojs/taro";import TokenUtils from "@/utils/token";function s原创 2022-02-19 23:48:53 · 1210 阅读 · 0 评论 -
js提取img标签url
/** * 提取图片链接 * @param text */export const getImageUrls = (text = '') => (text.match(/<img.*?(?:>|\/>)/gi) || []).map((item, i) => item.match(/src=[\'\"]?([^\'\"]*)[\'\"]?/i)?.[1]).filter(item => item);原创 2022-01-25 20:44:56 · 2096 阅读 · 0 评论 -
手机端canvas画图模糊解决方案
const resizeCanvas = () => { const ratio = Math.max(window.devicePixelRatio || 1, 1) const canvas = canvasRef.value if (!canvas) { return } nextTick(() => { canvas.width = canvas.offsetWidth * ratio原创 2021-11-02 11:08:52 · 541 阅读 · 0 评论 -
判断DOM节点是否是子节点
const handleDocumentClick = (e) => { const selectEl = selectRef.value; if (!state.isShow || !selectEl) { return; } //查找该节点下面的所有子节点,并且判断事件源target节点是否在当前select 节点中 const inNode = selectEl === e.target || selectEl.cont原创 2021-08-27 11:42:55 · 1422 阅读 · 0 评论 -
idea webstorm识别vite别名路径方法
在项目根目录下的tsconfig.js,或者jsconfig.js添加如下代码,没有这两个文件就新建一个 //===========编译器ide提示。。。。 "baseUrl": "./", "paths": { "/@/*": ["./src/*"] }, //===========编译器ide提示。。。。...原创 2021-07-22 10:36:01 · 5781 阅读 · 8 评论 -
vue转发ref总结--自研
用过react都知道转发ref是一件很容易的事情但是对于vue来说,封装高阶组件很难转发ref,官方并没有开放转发的api以及实现方法下面是转换的方法<script type="text/jsx"> import ElementUI from 'element-ui' /** * 此组件只为element-ui 的Upload组件作增强处理(默认了数据行为) * @param BaseComponent * @returns {{mount原创 2021-03-15 22:20:37 · 1449 阅读 · 0 评论 -
ts版操作localStorage和sessionStorage工具
ts版localStorage和sessionStorage工具interface StorageInterface { //设置localStorage set?: (key?: string, value?: any) => void, //获取localStorage,会自动转json get?: (key?: string) => string | object, //是否含有key has?: (key?: string) => Boolean, /原创 2020-12-28 15:17:55 · 4803 阅读 · 0 评论 -
ant_modal扩展使其拖拽
官方没有提供拖拽功能,项目需要,就自己按照网上的列子写了下,在此做一下记录import {PageHeaderWrapper} from '@ant-design/pro-layout';import React, {useState, useEffect, useRef} from 'react';import {connect, useDispatch} from 'dva'import {useHistory} from 'react-router-dom'import ProTable f原创 2020-10-13 16:20:12 · 402 阅读 · 0 评论 -
前端js延迟效果Promise应用
简单延迟效果const delay = (t?:number) => { return new Promise((r, j) => { setTimeout(()=>{ r(); }, t) })}使用直接async/await搞起const funcc=async ()=>{ await delay(3000) doSomething()}执行指定回调函数延迟const delay = (func: Function,原创 2020-09-23 08:56:36 · 1256 阅读 · 0 评论 -
正则表达式
正则表达式,一个十分古老而又强大的文本处理工具,仅仅用一段非常简短的表达式语句,便能够快速实现一个非常复杂的业务逻辑。熟练地掌握正则表达式的话,能够使你的开发效率得到极大的提升。正则表达式经常被用于字段或任意字符串的校验,如下面这段校验基本日期格式的JavaScript代码:var reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/; var r ...转载 2019-01-03 14:47:17 · 112 阅读 · 0 评论