踩坑专辑
项目中遇到过的技术性问题,容易忽视的原理性问题
咩咩羊10
微光·炬火
展开
-
前端经验
元素在设置为display:inline-block;后元素之间会产生间距解决方法就是在包含这些元素的父元素上设置CSS属性font-size: 0;Chrome浏览器img标签在没有图片的情况下会显示边框img[src=""], img:not([src]){ opacity: 0;}css实现单行、多行文本溢出显示省略号的方法单行省略号overflow: hidden;text-overflow: ellipsis;white-space: nowrap;这种方式一般都原创 2021-04-08 12:37:13 · 56 阅读 · 0 评论 -
flex布局浏览器兼容处理
浏览器兼容的flex语法/* 子元素-平均分栏 */.flex1 { -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */ -moz-box-flex: 1; /* OLD - Firefox 19- */ width: 20%; /* For old syntax, otherwise collapses. */ -webkit-flex: 1;转载 2021-04-02 12:46:15 · 671 阅读 · 0 评论 -
state更新不生效之——派生状态
更新当组件的 props 或 state 发生变化时会触发更新。组件更新的生命周期调用顺序如下:static getDerivedStateFromProps()shouldComponentUpdate()render()getSnapshotBeforeUpdate()componentDidUpdate()getDerivedStateFromProps静态方法,所以不能在这个函数里使用 thisstatic getDerivedStateFromProps(props, sta原创 2021-03-19 18:05:19 · 291 阅读 · 0 评论 -
canvas的drawImage()绘图片不显示问题
<canvas id="myCanvas" width="200" height="100"></canvas>var c=document.getElementById("myCanvas");var cxt=c.getContext("2d");var img=new Image();img.src="w3c.gif";cxt.drawImage(img...原创 2018-04-21 11:11:40 · 8947 阅读 · 5 评论 -
kali Linux安装完后输入用户名和密码不知道是什么
系统默认的用户名是root,密码是安装时自己设置的密码。原创 2017-06-10 19:53:31 · 55560 阅读 · 5 评论 -
render函数不能使用setState()
render函数应该是一个纯函数,完全根据this.state和this.props来决定返回的结果,而且不要产生任何副作用。在render函数中去调用this.setState是错误的,因为一个纯函数不应该引起状态的变化。render函数并不做实际的渲染动作,它只负责返回一个JSX描述的结构,最终由React来操作渲染过程。...原创 2021-03-16 17:06:07 · 1657 阅读 · 0 评论 -
Error during WebSocket handshake: Unexpected response code: 400
websocke偶尔中途断连,重新连接报跨域问题描述在开发环境正常使用,测试、生产环境报错,生产环境配置了nginx反向代理。具体报错截取部分:Websocket connection to 'ws://*****' faild: Error during WebSocket handshake: Unexpected response code: 400解决方案原项目中使用了Nginx。在配置反向代理时,若需要使用WSS,还需在nginx.conf文件加上websocket的配置如下:{原创 2021-03-15 17:13:29 · 4049 阅读 · 1 评论