MsimonBlowSnow-CSDN博客

原创 useState闭包问题(不用箭头函数来更新setState的血的教训)

1.useState闭包问题使用 setState不实用箭头函数会导致闭包，开代码:<script type="text/babel"> function HelloWorld(){ const [txt, settxt] = React.useState(1); //函数 const handle = () => { settxt(txt=>txt+1); setTimeout(()=>{

2021-03-20 01:40:01 2379

原创 react 中改antd中的颜色(注意: 这里使用的是css module)

1.react 中修改antd中的颜色1.首先找到你要修改颜色的颜色例如:例如下图:这是一个正常的使用antd中Buttom组件，改变这个组件的样式//若果使用的是css module 加载的话,你在less或sass中写，你会发现不会改变颜色，即使使用!important .ant-btn-primary{ color: #fff; background: red !important; border-color: red; text-shadow: 0 -

2021-02-03 23:02:28 2781 1

原创 React中的setState是异步的？

React 中的setState是异步的吗?观点:React中的setState可以是异步的,也可以是同步的。1.什么时候是异步的1.react中整合的事件调用setState，例如jsx中的onClick，或者是生命周期函数，这些内容调用setState是异步的。 render() { return ( <div> <div>{this.state.counter}</div>

2020-12-19 21:51:26 191 1

原创 javascript中this指向问题(面试必考)

javascript中this指向问题1.问什么会有this1.看下面一段代码//不使用thisfunction myName(context){ return context.name.toLocaleUpperCase();}function introduction(context){ console.log(`My name is ${myName(context)}`)}let ming = { name: "ming",}let yong = {

2020-12-15 17:50:03 255

原创 SPDY与http2

1.SPDYSPDY是一种加强http的方案,由google提出1.http1.X的缺陷单路链接，请求效率低，一种串链的请求，一个请求失败，会导致后面的请求被阻塞。http只允许客户端主动发起请求http的头部冗余2.spdy对http的优化多路复用，请求优化支持服务器推送技术SPDY压缩http的头，防止头部冗余强求使用SSL传输协议spdy 被http2.0给取代3.http2.0二进制分帧：传输信息分成帧将http中的请求头分帧为HEADERS FRAME,将

2020-12-06 21:11:13 369

原创 http与https(前端面试)

1.http与https1.http与https的区别1.http:http是一种明文传输，当传入过程中被黑客拦截了，就会导致传输过程中的数据给泄漏了。即黑客可能获取了你的用户密码等等http对报文直接传输，不用加密和解密，相对来说要信息传输快一点，但是不安全。http 不用收费。2.https:https是一种经过加密处理的传输协议，相对http来说，传输的数据为经过加密的密文，即使被黑客拦截，信息也是比较安全的。https要收费。2.加密的方式对称加密：加密和解密使用的同一

2020-12-03 20:34:56 231 1

原创 vue父子组件创建的顺序问题，Mounted和Created的区别

父子组件创建的顺序问题1.组件创建的顺序父组件先执行，执行到父组件执行到beforeMount之后,然后在去执行子组件的生命周期，beforeMount 和Mount ，执行完成了在执行父组件的Mount。例如:综上述说:如果父组件要获取数据，并使用props传入子组件中，将数据渲染的话，需要将数据的请求放在父组件的created生命周期中发起请求。...

2020-12-01 17:35:23 1484

原创圣杯布局和双飞翼布局使用margin

1.圣杯布局1.圣杯布局是一种常见的三栏布局，注意: 左右定宽度，中间自适应，优先渲染中间的主题部分//圣杯布局 <style> body,html{ padding: 0; margin: 0; } header,footer{ height: 100px; background-color: yellow;

2020-11-29 13:35:12 312 4

原创 BFC

什么是BFC1.BFC又名块格式化上下文（Block Formatting Context，BFC）是Web页面的可视CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。BFC的作用产生BFC的父元素，不会使得里面的子元素干扰父元素的兄弟元素，即BFC里面的子元素是完全独立的存在，不会干扰外面的其他元素。BFC的触发条件根元素（<html>）浮动元素（元素的 float 不是 none）绝对定位元素（元素的 position 为 absolute

2020-09-27 15:45:15 122

原创 css面试常见题目

1.margin的常见问题 1.margin的融合问题当两个div的margin值在一起时，取两者中的最大的值例如:<div style="width: 100px;height: 100px;background-color: green;margin-bottom: 200px;">a</div> <div style="width: 100px;height: 100px; background-color: black;margin-top:

2020-09-27 15:34:15 95

MsimonBlowSnow的博客