
前端
QiBarbara
每天都要进步
展开
-
mac m1 nvm 安装node版本失败
安装node版本报错:clang: error: no such file or directory: 'CXX=c++',解决办法原创 2023-02-27 11:12:41 · 432 阅读 · 0 评论 -
替换url或xcx_query参数
/** * 替换url或xcx_query参数 * * @param {string} url url * @param {string} arg 要替换的参数 * @param {string} argVal 要替换的参数值 * @returns 替换后的url或xcx_query */export function changeURLArg(url: string, arg: string, argVal: string): string { const reg = new R.原创 2022-04-20 15:29:33 · 350 阅读 · 0 评论 -
使用momentJS转换日期和时间戳
moment().startOf('day').format('YYYY-MM-DD HH:mm:ss') // 当天0点的时间格式 moment().startOf('day').format('X') // 当天0点的时间缀,以10位Unix时间戳输出(秒)moment().endOf('day').format('YYYY-MM-DD HH:mm:ss') // 当天23点59分59秒的时间格式 moment().endOf('day').format('x') //当天23点59分...原创 2022-03-07 19:30:26 · 18207 阅读 · 0 评论 -
unable to resolve dependency tree
解决方法:npm i --legacy-peer-deps原创 2022-03-04 18:42:35 · 240 阅读 · 0 评论 -
Mac下通过命令行安装npm install -g 报错
可能是权限问题,部分文件权限不够,使用sudo chmod -R 777 文件夹,给指定文件夹赋予读写权限。sudo chmod -R 777 /usr/local/lib,然后 npm install -g原创 2021-08-13 17:59:58 · 684 阅读 · 0 评论 -
按顺序执行异步请求
总结常用方式1、Promise:function first(){ return new MyPromise(function (resolve, reject) { console.log('执行1') setTimeout(() => { console.log('1请求结束') resolve('1返回参数') }, 1000); });}function second(原创 2021-07-12 20:26:39 · 497 阅读 · 0 评论 -
前端实现二维码图片下载-react
使用npm插件qrcode.reactnpm install --save qrcode.react引入import QRCode from 'qrcode.react';<QRCode style={{display: 'none'}} value="www.baidu.com" //value为二维码中包含的内容 size={200} //二维码的宽高尺寸 fgColor="#000000" //二维码的颜色 id = {`c..原创 2021-03-08 14:58:33 · 501 阅读 · 0 评论 -
css实现文字换行-终极版本
如果遇到设置了换行后,仍不生效。依次检查:width已设置wordBreak: 'break-all', wordWrap: 'break-word' 已设置遇到空白也换行 whiteSpace: 'normal‘别写内联噢,提到css文件去原创 2021-03-01 15:38:55 · 192 阅读 · 0 评论 -
js获取闭区间内的随机整数
function getRandom(n, m){ var random = Math.floor(Math.random()*(m-n+1)+n); return random; }原创 2021-02-25 23:02:43 · 345 阅读 · 0 评论 -
业务组件库的开发调试,本地不发包调试
修改feitu-business源代码 (首次开发需要在自己的文件目录下运行webpack,npm run build,把ES6编译成ES5,打包到自己文件目录下的lib目录) 使用feitu-business的项目(以大麦为例),webpack要指向本机的feitu-business使用组件的文件:(为了可以本地调试feitu-business ) 与包本地文件链接的方式: 方法一: 方法...原创 2021-02-25 11:01:39 · 1215 阅读 · 0 评论 -
react项目中实现一键复制功能
使用npm包 ‘react-copy-to-clipboard’npm install --save react-copy-to-clipboard引入import {CopyToClipboard} from 'react-copy-to-clipboard';使用 <CopyToClipboard text={data?.url} onCopy={() => { closeModal(); }}> &...原创 2021-02-25 10:45:10 · 1058 阅读 · 0 评论 -
jenkins构建问题报错为内存溢出时的解决办法
报错类似:<--- JS stacktrace --->==== JS stack trace ========================================= 0: ExitFrame [pc: 0x3055dfe5be1d]Security context: 0x32c602e1e6e1 <JSObject> 1: /* anonymous */ [0x5c5af5a38e1] [0x075497c826f1解决办法:在..原创 2021-02-25 10:32:33 · 1088 阅读 · 0 评论 -
使用js正则表达式判断十六进制、十进制
判断十进制:/^-{0,1}\d*\.{0,1}\d+$/.test('01523')判断十六进制:/^[A-Fa-f0-9]{1,4}$/.test('0db8')原创 2021-02-24 23:50:02 · 7005 阅读 · 0 评论 -
js中的Map对象
1.js创建map对象var map = new Map();2.将键值对放入map对象map.set("key",value)map.set("key1",value1)map.set("key2",value2)3.根据key获取map值map.get(key)4.删除map指定对象delete map[key]或map.delete(key)5.循环遍历mapmap.forEach(function(key){ conso...原创 2021-02-19 11:40:22 · 432 阅读 · 1 评论 -
sourcetree更改源后每次都要输入密码的解决办法
更改源:仓库--->仓库设置--->远程仓库---->编辑切换之后,每次push到远程都会要求输入密码,解决办法:打开终端,输入如下命令: git config --global credential.helper osxkeychain 第一次push仍会要求输入密码,之后都不用输入密码了...原创 2021-02-19 10:53:04 · 736 阅读 · 0 评论 -
使用nvm设置node默认版本
nvm use 可设置使用的版本,但是新打开一个终端后,还是会使用之前默认的版本使用nvm alias default v12.7.0,可以设置默认版本。nvm ls 查看所有版本及当前使用的版本原创 2021-01-26 11:00:34 · 3277 阅读 · 0 评论 -
moment 时间相关
//获取前一个月const lastMonthToday = new Date(Math.round(new Date().getTime()/1000)*1000 - 30 * 24 * 60 * 60 * 1000);const lastMonthYear = lastMonthToday.getFullYear();const lastMonth = lastMonthToday.getMonth() + 1;//获取某时间点所在的一个月的时间戳范围const ...原创 2021-01-21 15:31:21 · 147 阅读 · 0 评论 -
升级项目从antd pro 4到 antd pro 5
官网文档:https://beta-pro.ant.design/docs/upgrade-v5-cninitialState使用initialState代替自带的model,global,login,setting都并入了 initialState 中。当做一个默认的model,存储的是不需要频繁修改的数据步骤:删除src/models/global.ts、src/models/login.ts、src/models/setting.ts 把请求用户信息和登陆拦截放到src/app...原创 2020-11-23 15:32:17 · 2849 阅读 · 0 评论 -
类数组转换成数组的几种方法
1、Array.prototype.slice.call(arguments)2、[].slice.call(arguments)3、[...arguments]4、Array.from(arguments)要把类数组转换成数组的原因:类数组缺少部分的数组API,比如:slice, forEach, map 等集合函数...原创 2020-04-01 16:52:02 · 345 阅读 · 0 评论 -
安装npm、cnpm或者公司内部的工具包的时候报错,解决办法
1、install时出现rollbackFailedOptional 大致来说是网络不太好,可以换成用cnpm使用淘宝镜像安装,也就是用cnpm install安装。2、使用刚安装之后的包install时,出现下图错误(无法加载文件 C:\Program Files\nodejs\node_global\ynpm.ps1,因为在此系统上禁止)原因是,目前电脑使用的执行策略...原创 2020-03-16 10:11:22 · 569 阅读 · 0 评论 -
对JS中Object.prototype.toString.call([value])的理解
https://blog.youkuaiyun.com/cherrylee_1210/article/details/78587930转载 2020-03-06 10:02:10 · 325 阅读 · 0 评论 -
【数组】去除数组中相同的对象
//去除数组中相同的对象 deteleObject(obj) { var uniques = []; var stringify = {}; for (var i = 0; i < obj.length; i++) { var keys = Object.keys(obj[i]); k...原创 2020-02-27 16:19:34 · 191 阅读 · 0 评论 -
gitlens -vscode
https://www.cnblogs.com/wangpinzhou/articles/8997469.html转载 2020-02-20 15:31:31 · 454 阅读 · 0 评论 -
VSCode 查看、还原本地代码历史版本
https://blog.youkuaiyun.com/luckystar_99/article/details/100583141转载 2020-02-20 15:28:59 · 6222 阅读 · 0 评论 -
TreeSelect关于树的渲染
//父节点 renderTreeNode(orgtree) { let treeNode = []; orgtree.map((ele, index) => { treeNode.push( <TreeNode value={ele.id} title={ele.name} key={ele.code} disabled> ...原创 2020-02-19 10:31:09 · 1607 阅读 · 0 评论 -
从数组中删除指定对象元素,应用场景:删除前端增行没有保存导数据库的表格数据
addRows() { const length = this.props.store.newDetailList.length; let obj = { 'ids': length, ... //其他键值对 }; this.props.store.docDetailList.u...原创 2020-01-07 16:18:21 · 278 阅读 · 0 评论 -
antd表格多选并删除行后,多选状态重置
在state 中定义初始值selection 中使用state 中的选中值,并不断赋值刷新删除函数中重置选中值原创 2019-12-20 15:54:34 · 2244 阅读 · 0 评论 -
给网页加“滤镜”,关于filter
涨姿势在样式中加上filter: grayscale(100%);其他属性效果https://juejin.im/post/5df3a049f265da33f8652882转载 2019-12-16 10:44:00 · 891 阅读 · 0 评论 -
禁止复制,破解复制
https://juejin.im/post/5b66993ee51d451924734c35#heading-7转载 2019-12-10 16:37:11 · 847 阅读 · 0 评论 -
React中获取并改变dom style样式的方式
1、在dom中直接使用三目运算动态改变style,react是动态渲染组件的,所以可以做到实时更新<div className={this.state.flag?'style1':'style2'}></div>2、使用ref获取dom<div ref={e => (this.dom1 = e)}></div>const...原创 2019-12-04 10:49:02 · 7247 阅读 · 0 评论 -
刷新页面时固定到当前浏览位置、及页面大小
//window.open(path,setting参数)window.open(window.location.href,width=400,height:800,"_blank","top=0,left=0,toolbar=no,menubar=no,scrollbars=yes,resizable=yes,location=no,status=yes");...原创 2019-11-26 15:39:43 · 514 阅读 · 0 评论 -
关于echarts的重新加载与渲染
!!!踩了多少的坑我的天呐!!!!echarts催人命!!!!!坑坑1:根据返回数据加载不同的echarts组件import React from 'react';import {observer} from 'mobx-react';import intl from 'react-intl-universal';import echarts from 'echarts/lib...原创 2019-11-15 11:29:18 · 6234 阅读 · 1 评论 -
mobx中的“数组”由监听者格式转变成真正的数组
store 中的数组.slice()原创 2019-11-01 15:36:21 · 2540 阅读 · 0 评论 -
从数组中删除指定键值的对象
//从数组中删除指定键值的对象 removeObjFromArrayByKeyValue(arr, attr, value) { //数组,属性,属性值 console.log(value) var index=0; for(let i=arr.length-1;i>-1;i--){ if(arr[i][at...原创 2019-10-12 09:47:30 · 1389 阅读 · 0 评论 -
【前端笔记】响应式布局常用方案
静态网页通常需要适应不同分辨率的设备,常用的自适应解决方案包括媒体查询、百分比、rem和vw/vh等。1、px和视口像素是网页布局的基础,一个像素表示了计算机屏幕所能显示的最小区域,像素分为两种类型:css像素和物理像素。我们在js或者css代码中使用的px单位就是指的是css像素,物理像素也称设备像素,只与设备或者说硬件有关,同样尺寸的屏幕,设备的密度越高,物理像素也就越多。下表表示...翻译 2018-09-11 00:02:58 · 937 阅读 · 0 评论 -
【前端笔记】常见问题的整理
get post区别:1、传送方式:get通过地址栏传输,post通过报文传输。2、传送长度:get参数有长度限制(受限于url长度),而post无限制3、GET产生一个TCP数据包;POST产生两个TCP数据包4、对参数的数据类型,GET只接受ASCII字符,而POST没有限制。5、GET比POST更不安全,因为参数直接暴露在URL上,所以不能用来传递敏感信息。6、GE...原创 2018-11-09 16:46:14 · 158 阅读 · 0 评论 -
【react笔记】暴露配置时出现“Remove untracked files, stash or commit any changes, and try again.”错误
在构建一个项目时,我们需要暴露文件来易于后期对配置的更改。在终端运行命令yarn eject可以暴露配置。但是有可能会出现如下截图的错误这是因为我们使用脚手架创建一个项目的时候,自动给我们增加了一个.gitignore文件而我们本地却没有文件仓库这就需要在终端输入如下命令就是用git将项目添加到我们的本地仓库再执行 yarn eject就...原创 2018-12-20 15:44:53 · 13422 阅读 · 10 评论 -
【分享】关于React中不同webpack版本如何配置less
https://www.jianshu.com/p/dbc8e0e80de5转载 2018-12-20 16:08:58 · 456 阅读 · 0 评论 -
webstorm2018版本的下载安装破解
https://blog.youkuaiyun.com/voke_/article/details/76418116转载 2018-12-10 11:04:59 · 1452 阅读 · 0 评论 -
【react笔记】关于在webpack.config.dev.js和webpack.config.prod.js里配置antd
在.babelrc中配置antd的方法移步官网https://ant.design/docs/react/introduce-cn另一种方法的前提是我们已经将配置文件暴露出来了。暴露方法https://blog.youkuaiyun.com/weixin_41606276/article/details/85123919因为我的脚手架版本较高,所以现在网上的方法都不适用。在我的不断尝试下,终于配置成功...原创 2018-12-21 14:13:45 · 8422 阅读 · 0 评论