- 博客(15)
- 问答 (2)
- 收藏
- 关注
原创 Failed to connect to github.com port 443: Timed out
获取你本机的代理地址控制面板-网络和Internet-Internet选项-连接-局域网设置-地址设置代理# 设置当前代理git config http.proxy http://你的代理ip地址其他后续可能会用到的命令# 取消当前代理git config --unset http.proxy#取消全局代理git config --global --unset http.proxy#设置socks5代理git config http.proxy socks5://你的代理ip地
2021-02-28 18:51:52 156
原创 react 轮番图库swiper
相关地址github官方demoapiswiper的react使用文档实例import React from 'react'//引入核心和组件import SwiperCore, {Pagination,EffectCoverflow } from 'swiper';import { Swiper, SwiperSlide} from "swiper/react";//引入样式import "swiper/swiper.scss";import "swiper/components/
2021-02-25 19:34:35 169
原创 react/js 键盘输入监听
function Test2 (props) { let eventRef=React.useRef() const handleKeyDown=(e)=>{ console.log('e.code',e.code); } useEffect(()=>{ //利用ref保证只执行一次,避免每次渲染时候重复添加 if(!eventRef.current){ eventRef.current
2021-02-23 20:38:24 900
原创 免费好用无广告的开源 gif制作软件 screentogif
前言平时一直用的是迅雷影音的gif截图,但是速度太慢,使用麻烦。screentogif免费 开源 无广告 可录制 可编辑 导出的gif文件还小官网地址点击右上角下载效果图整个软件小巧精悍导出的gif质量可调,文件小。...
2021-02-22 14:13:29 241
原创 webStrom某些不起眼的快捷键,用到了就总结下
1. ctrl + w 选中光标当前所在的单词选中光标当前所在的单词,不会吧,不会吧,现在还有人双击选中呐 ,连续按可以扩大选区,从单词->行->整个对象->整个函数2.ctrl + e 显示最近点击过的文件列3.ctrl + g 跳转到指定的行...
2021-02-22 13:34:38 97
原创 react报错解决 Rendered more fewer hooks than during the previous render
错误此次渲染比上次渲染多出了hook错误实例代码点击是否显示Son组件时候会报错//父亲组件const Father = (props) => { const [fatherState,setFatherState] =useState(false) return( <> <span onClick={()=>{setFatherState(!fatherState)}}>
2021-02-21 21:34:23 11901 1
原创 浮动后缩放或调整浏览器大小导致塌陷 和 通过绝对定位来实现宽度高度自适应
1.浮动后缩放或调整浏览器大小导致塌陷正常情况缩放或调整了浏览器大小导致了塌陷解决方法父元素设置指定宽度(width或者min-width)2.通过绝对定位来实现宽度高度自适应问题a,b 左浮动,c右浮动.怎么能让b在不同的缩放和浏览器大小下自动填满中间呢?解决方法利用绝对定位.left{ float: left; width: 300px;}.middle{ position: absolute; left: 300px;
2021-02-19 23:14:05 823
原创 好用的屏幕取色器Just Color Picker
前言因为设计师给的页面设计图只是一张图片没有具体的颜色参数,所以照着画前端界面的时候就需要拾色器来获取准确的颜色。软件 Just Color Picker下载地址下载方法1. 点击download2. 选择你电脑对应的版本 windows 64位就是选第一个使用方法软件非常小点开即可使用,在选项中可以设置快捷键和打开自动复制...
2021-02-19 20:58:34 786
原创 黑暗之魂3设置无边窗口化
前言黑魂3自身没有无边窗口,游戏的窗口化特别恶心,上边带白边还不能随意的拉升,双屏模下就就特别难受解决1 下载工具Borderless-Gaming2 安装然后启动选中applications下的dark souls III点击灰色右三角,把dark souls III移动到右边Favourites(automatic)列上述步骤后该工具会把黑魂3自动无边窗口化效果图参考文档Dark Souls 3 windowed borderless?...
2021-02-15 12:22:36 7213 2
原创 react css 修改复写antd组件样式,而且不污染全局
方法比如说我想删掉antd Input.Search 的左边框从页面上找到要修改的位置,页面上修改后确定是这个样式名利用:globalcss中写法:global(.ant-input-search-icon:before){ border-left: initial;}scss或者less中写法 scss自带嵌套比较方便 :global{ .ant-input-search-icon:before{ border-left:
2021-02-09 21:20:42 4803 1
原创 css 背景图片模糊遮罩效果
思路在父元素上之上再加一个图层并调整该图层的透明度顺便一提:熟悉ps或pr的应该知道这图层叫做遮罩或者蒙版方法利用:after伪元素dom元素 <div className={styles.headerWrapper}> <div className={styles.header}> </div> </div>css代码.headerWrapper{ background-size: cover; backgr
2021-02-09 18:20:52 1745
原创 css 垂直居中
方法display: inline-block;vertical-align:middle.logo{ background: url("../../assets/img/logo.png"); width: 30px; height: 30px; display: inline-block; vertical-align:middle}效果
2021-02-09 10:01:00 47
原创 如何在非react组件之外的普通js文件内使用redux
组件中是如何使用reduxconst store = createStore(todoApp, applyMiddleware(thunk))ReactDOM.render(( <Provider store={store}> <App/> </Provider> ), document.getElementById('root'))上面是使用redux入口必写的模板代码,再通过conn
2021-02-04 21:33:21 2841
原创 react context Provider Consumer 怎么用
context解决了什么问题避免了多层嵌套组件之间function 最外层组件 (props) { let 参数=1 return( <> <中间层组件 参数={参数}/> </> )}function 中间层组件 (props) { let 参数=props.参数 return( <> <最内部组件 参数={参
2021-02-04 17:26:01 1016
原创 react css Modules 添加多个className
单个写法//样式.sAll{ font-size: 30px;}//元素 <div className={styles.sAll}>aaaaaa</div>多个写法使用模板字符串处理//样式.sAll{ font-size: 30px;}.s1{ color: blue;}.s2{ color: red;}//元素 <div className={`${styles.sAll} ${styles.s1}`}>aaaaaa&
2021-02-04 16:50:11 1963
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人