一蓑烟雨~～-CSDN博客

原创使用curl命令批量下载阿里矢量图标iconfont，再也不用覆盖重新下载了

curl是一个利用URL在命令行工作的文件传输工具，并不是所有的linux系统中都会自带curl命令，例如简洁版的Linux系统就可能并不存在，只需通过执行“yum install curl”命令安装即可；iconfont矢量图标使用不知道各位前端有没有这样的困扰：每一次更新iconfont都需要下载整个文件压缩然后去覆盖原文件，最后再删掉一些不需要的文件；这个过程虽然也不是很麻烦，但是就像是搬砖一样很枯燥；

2023-05-24 14:05:06 722

原创 Mac下如何查看Git的全局忽略列表

Mac下如何查看Git的全局忽略列表打开Finder在显示器的顶部菜单选择前往->前往文件夹输入~/.gitignore_global右键用记事本打开即可如果不显示，请允许Mac显示所有隐藏文件！！打开终端，输入：defaults write com.apple.finder AppleShowAllFiles -bool true 此命令显示隐藏文件defaults write com.apple.finder AppleShowAllFiles -bool false 此命令关闭显

2021-03-30 10:15:05 486

原创 react hock实现表格自下而上自动滚动

react hock实现表格自下而上自动滚动开始使用jquery实现表格自动滚动，react新hock钩子实现起来更加简便易懂直接上代码了import React, { useEffect, useRef, useState } from 'react';import './table.less';function App() { const [list] = useState([ { billNo: '01', city: '北京', saleIncome: '2506

2021-02-20 14:45:22 1061 8

原创 js 判断变量是否为数组的方法以及各自利弊

1.说明判断一个变量或者参数是否为数组，相信大家工作和面试中都会遇到，今天和大家交流下心得2.判断变量是否是数组的几种方式（1）通过instanceof判断instanceof运算符用于检验构造函数的prototype属性是否出现在对象的原型链中的任何位置，返回一个布尔值let arr = [];arr instanceof Array; //truelet object = {};object instanceof Array; //false在上方代码中，instanceof运算符

2020-07-08 16:28:03 554

原创 React中的getBoundingClientRect

getBoundingClientRect的归属getBoundingClientRect一词最先来源于IE，是IE的私有属性，现在已经是一个W3C标准。是的，意思就是说原生js中同样有一个getBoundingClientRect。和react中的一样？准确来说，react中用到的就是原生js中的getBoundingClientRect。因为你如果想在react中使用getBoundingClientRect，就必须先获取到react中的元素的ref，然后ReactDOM.findDOMNode(r

2020-07-06 18:24:44 1699

原创 JS reduce()方法交流

这里写自定义目录标题JS reduce()方法交流1.语法2.初级用法3.reduce高级用法4.总结JS reduce()方法交流js的方法有很多，什么map，some，every，forEach，splice…，哪些有返回值，哪些改变原数组，相信很多人经常容易搞混，今天主要跟家分享下关于js 的reduce方法，为什么，因为比较重要！求和，去重，多维数据转为一维，功能不要太强大，好吧1.语法array.reduce(callback,[initiValue])reduce 为数组中的每一个元

2020-07-04 14:16:32 143

原创 js-export-excel 前端将表格里的数据转excel下载到本地

js-export-excel 前端将表格里的数据转excel下载到本地1.应用场景需求：将表格里的数据，或者一段json格式的数据，需要转excel下载到本地，在项目中难免会遇到，不过一般都是后端来做，但我们前端也得会啊！2.如何使用一、首先下载 js-export-excel包 yarn add js-export-excel -S二、案例（在react项目中使用）下面展示一些内联代码片。// An highlighted blockimport ExportJso

2020-06-04 18:40:11 4437 5

原创 react 实现二维码生成的两种放方式（异步，同步）

一、引入qrcode第三方包（异步）1.安装qrcode 包 `yarn add qrcode -S`2.初始化生成我二维码方法—生成一个base64的urlcomponentDidMount(){ QRCode.toDataURL('www.baidu.com') .then(url => { this.setState({...

2020-04-29 10:13:13 1010

原创 react-intl-universal国际化社区实现多语言管理

react-intl-universal国际化社区实现多语言管理１．业务场景当你的项目有需要设置多语言的需求，例如用英文，繁体，这是大概率能出现的，你不可能在页面中写两套代码，而这时候你需要引入国际化多语言解决方案，针对react项目这时候你可能会想到用antd组件ConfigProvider解决方案，但是这个是针对他组件得内部文字，当你写自己得组件和代码时，这需要引入第三方语言包，则不妨试r...

2020-04-27 14:15:20 473

weixin_45929883的博客