
工具类
文章平均质量分 52
工具类
仙女爱吃鱼
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
antd table合并复杂单元格、分组合并行、分组合并列、动态渲染列、嵌套表头
项目里遇到个需求,涉及到比较复杂的单元格合并 、嵌套表头、分组合并行、合并列等,并且数据列还是动态渲染的原创 2024-10-12 17:37:25 · 1887 阅读 · 0 评论 -
antd upload组件beforeUpload返回promise之后,获取的文件不是file类型导致上传失败
再看到最后,一开始没理解 这个originFileObj是啥,打印了一下info.file.originFileObj,发现这就是我们想要的那个file文件。我们发现 ,现在可以阻止上传了,但是传给服务端的文件不是二进制的,而变成了一个object,所以报错了。再后来又仔细阅读了文档 ,发现了这段,于是尝试在resolve时把对象返回去,依然报错。但是这样并不能阻止文件上传,看了官方文档后,改用返回promise对象上传。真无语,一个版本问题,解决了一上午,尝试各种办法,结果人家文档里写了。原创 2023-08-30 14:10:32 · 1547 阅读 · 1 评论 -
antv x6让拖拽控件工具箱悬浮在画布上,工具箱区域鼠标按下不生成节点
antv x6让拖拽控件悬浮在画布上,鼠标按下不再直接生成节点继承Dnd方法,如果鼠标还未拖出工具箱区域就不生成节点原创 2022-08-30 16:03:51 · 1735 阅读 · 0 评论 -
antv x6连线与取消连线的操作+自定义连接桩+节点选择/框选
antv x6连线样式,连线与取消连线的操作,自定义连接桩样式及位置,节点选择/框选的操作,获取所有边与节点原创 2022-08-30 11:49:18 · 11323 阅读 · 0 评论 -
【antv x6】创建画布报错
在使用antv x6的时候页面报错’不能读取属性位于undefined’,意思就是咱具备width属性的元素是Undefined而目前具有width属性的元素也就是咱们用来渲染的这个contaier元素了,且这个错误还是偶现,所以定位是异步问题,渲染画布的时候绑定的元素还未渲染所以我们把创建画布的操作放到页面渲染之后就可以啦~vue放在mounted里,react放到componentDidMount或者useEffect里~//官方文档写的是componentDidMount,因为react取原创 2022-05-12 11:25:09 · 2772 阅读 · 0 评论 -
antd-mobile picker组件不显示或者报错解决
版本问题原创 2021-11-23 16:14:12 · 1792 阅读 · 0 评论 -
react中px转rem(px2rem和px to rem &rpx的使用)
1.直接在scss文件中使用函数2.安装插件原创 2021-10-27 19:47:50 · 4021 阅读 · 0 评论 -
react中使用swiper6.x(含完整css)
export const getTribeCourseAllDetail = (courseId) => {axios.defaults.withCredentials = true;return axios.get(https://tribecourse.58.com/course/detail?courseId=${courseId})// let courseDetail;// // 没有返回结果就去请求接口// function getDetail() {//原创 2021-09-17 18:02:56 · 1480 阅读 · 0 评论 -
动态加载script标签添加不上跨域“crossorigin”属性
场景使用javascript动态加载异步脚本,发现其他的诸如"type""id"等属性均可,但关于跨域属性crossoriginvar head = document.getElementsByTagName('head')[0];var script = document.createElement('script');script.type = 'text/javascript';script.charset = 'utf-8';script.crossorigin = 'anonymous原创 2021-08-06 16:29:10 · 1539 阅读 · 0 评论 -
react-id-swiper自定义进度条轮播图的使用与踩坑全记录
想要实现的效果:当前级别图片最大,进度条中圆环最大代码:import { findLastIndex } from 'lodash';import React from 'react';import Swiper from 'react-id-swiper';import styles from './index.scss'// 样式引入暂有问题,待研究// import 'swiper/css/swiper.css'// import 'react-id-swiper/lib/inde原创 2021-07-22 16:02:28 · 1956 阅读 · 3 评论 -
react-id-swiper在app里滑动频繁导致页面崩溃解决办法
场景:使用了react-id-swiper在h5页面中,在app中开放入口后进行多次频繁滑动会导致页面崩溃分析:1.需求是每个tab下都有相应的swiper数据 ,所以每次切换tab都要向后端请求数据,swiper滑动过于频繁,动画还没播放完就已经去请求接口了,这样会导致内存溢出2.给swiper赋值动态数据时,为获取当前运动的swiper的index值,把swiper赋值给了this.state,这样就会导致在切换的时候一直触发this.setState,然后不停render影响性能解决办法:原创 2021-07-20 15:45:10 · 691 阅读 · 0 评论 -
react ant design样式覆盖
1.为防止样式污染在组件外部添加单独的class名或者id名2.使用:global()关键字把要修改的class名括起来<div id={styles.tabContainer}> <Tabs defaultActiveKey={tabList[0].id} onChange={this.callback} > {Array.isArray(tabList) && ta原创 2021-07-16 17:21:31 · 3648 阅读 · 0 评论 -
charels配置与map local 、map remote 、rewrite的使用
1.charles配置2.map 与rewrite的使用2.1map2.1 map local2.2 map remote2.2 rewirte原创 2021-04-30 18:13:07 · 2233 阅读 · 2 评论 -
vscode注释汇总
koro1FileHeader原创 2021-04-16 17:02:39 · 14707 阅读 · 1 评论 -
charles抓包乱码问题解决
直接添加https捕捉443端口到ssl proxing settings中443端口即网页浏览端口,主要是用于HTTPS服务,是提供加密和通过安全端口传输的另一种HTTP。 在一些对安全性要求较高的网站,比如银行、证券、购物等,都采用HTTPS服务,这样在这些网站上的交换信息,其他人抓包获取到的是加密数据,保证了交易的安全性。...原创 2021-04-08 16:19:28 · 696 阅读 · 0 评论 -
Mac 解决终端: source ~/.profile 报错/Users/xxx/.profile: No such file or directory
更改npm默认目录时使用source命令时报错解决办法:1.使用命令打开编辑profilevim ~/.profile或者open ~/.profile2.将source ~/.profile 删除,然后在第一行编辑加入:export PATH=/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin这是系统默认初始环境变量,直接复制粘贴就行最后退出保存,重新打开终端问题解决。...原创 2021-04-01 15:52:33 · 11052 阅读 · 0 评论 -
yarn安装Error: EACCES: permission denied
场景1.yarn安装时使用脚本安装后yarn -n 提示command not found2.使用npm安装后报错"Error: EACCES: permission denied, access ‘/usr/local/lib/node_modules’"可用解决办法1.sudo npm install yarn -g2.输入sudo su 再输入su - 切换到root目录后再进行安装sudo和su区别sudo (可在用户环境)暂时获取root权限root 进入root环境和原创 2021-04-01 15:47:20 · 5441 阅读 · 2 评论 -
nuxt 简介&渲染流程概述
- 简介:基于 vue.js 的服务端渲染,是在服务端对 vue页面进行渲染生成 html 文件,再将 html 文件(html 字符串)传回给浏览器,不同于SPA 的单页面只有一个空的 Html 和 app.js,nuxt 生成的 html 是有内容的,所以更有利于搜索引擎的 seo 操作,并且加快了首屏加载时间。- 流程:用户输入网址后请求到 nodejs部署在 nodejs 的nuxt 应用接收到浏览器请求,请求服务端获取数据 (渲染流程:发起访问-执行 store 中操作-执行中间件-动态路原创 2021-03-19 13:48:59 · 719 阅读 · 0 评论 -
Fiddler的使用
# Fiddler ### 什么是Fiddler ##* fiddler 是一个使用本地127.0.0.1:8888的HTTP代理,任何能够设置HTTP代理为127.0.0.1:8888的浏览器和应用程序都可以使用Fiddler。* fiddler 是位于客户端和服务器端口的HTTP代理,能够记录客户端和服务器端的所有HTTP请求,意味着客户端所有的请求与服务器所有的响原创 2017-10-16 11:22:30 · 381 阅读 · 0 评论 -
git ssh配置及使用
git ssh配置及使用设置git的username和email(如果是第一次的话)git config --global user.name "momo-0902"git config --global user.email "329053928@qq.com"检查是否有ssh keycd ~/.sshls如果存在id_isa和id_isa.pub文件,证明已经存在ssh key,可跳过生成密原创 2018-05-02 10:04:50 · 8691 阅读 · 0 评论 -
RSA加密与解密的流程与方法
加密——RSA前端与后台的加密与解密什么是RSA加密RSA加密算法是一种非对称加密算法,所谓非对称,就是指该算法需要一对密钥,使用其中一个加密,则需要肜另一个才能解密,利用对极大整数做因数分解的难度决定了RSA算法的可靠性RSA的算法涉及三个参数,n、e1、e2其中,n是两个大质数 p、q的积,n的二进制表示所占用的位数,就是所谓的密钥长度e1和e2是一对相关的值,e1可以任意取,但要求与(p-1)原创 2017-12-07 11:50:15 · 9565 阅读 · 0 评论 -
xterm.js + vue + websocket实现终端功能(xterm 3.x+xterm 4.x)
值得注意的是,在我们使用xterm实现仿终端功能时,不需要对输入字符进行判断,也不需要在输入事件中把输入的字符打出来。因为在输入事件中执行的web socket连接中,每输入一个字符都会自动传到后端,而后端会根据你输入的回车符来判断是否要为你换行及返回何种数据。所以我们只需要向后台传递参数就好。原创 2020-01-09 14:47:05 · 44030 阅读 · 111 评论 -
mac iTerm2与vscode使用zsh的配置
oh-my-zsh如果你使用Linux操作系统,那就免不了要和终端打交道,而shell是与系统交互的外壳,也是Linux的精髓,通常系统默认安装的shell时bash.(一)oh-my-zsh是什么Oh My Zsh是一款社区驱动的命令行工具,正如它的主页上说的,Oh My Zsh 是一种生活方式。它基于zsh命令行,提供了主题配置,插件机制,已经内置的便捷操作。给我们一种全新的方式使用命令...原创 2019-03-20 12:26:48 · 18355 阅读 · 0 评论 -
使用极验【行为验证】实现人机交互验证
官网:https://docs.geetest.com/sensebot/apirefer/api/web流程与原理待补充……方法1.引入极验js,调用初始化方法require("~/plugins/geetest.js");this.handleGtInit();2.先和服务端进行一次验证,验证后返回相关信息,带着相关信息进行二次验证handleGtInit(status) { let _this = this; this.gtLoadStatus = true;原创 2020-06-12 16:40:06 · 1717 阅读 · 0 评论 -
sa-sdk-javascript 神策页面加载的时候未进行埋点
页面加载时就埋点有可能造成方法找不到,故封装方法不停判断,直到页面加载好这个方法再进行埋点 // 埋点方法 doTrack(name, data) { let time = '' let fn = () => { if (!window.sensors || !window.sensors.track) {// 如果没有这个方法就每10秒调用一次 clearTimeout(time)原创 2020-06-10 18:48:00 · 2690 阅读 · 0 评论 -
使用css写带纹理渐变背景图
项目中页面长度大概在2000px以上,再加上背景图是带纹理和渐变的,所以加载起来会很大很耗费时间,所以就改用css实现了。这次我们主要用到的网站是Hero Patterns——免费在线纹理素材库这个网站中有很多现成的背景,也可以自定义背景色,纹样的颜色和透明度。网站中背景色是纯色,如果我们需要渐变背景,就可以把纹理的背景色设置为透明色,然后把父元素的背景色设置为背景色html,body{ background: #000; min-width: 1024px; background原创 2020-06-05 14:41:57 · 1974 阅读 · 0 评论