guo&qi - 博客园

react中ref、createRef、useRef、forwardRef以及useImperativeHandle

摘要：一、ref ref是React提供的用来操纵React组件实例或者DOM元素的接口。表示为对组件真正实例的引用，其实就是ReactDOM.render()返回的组件实例。 ref可以挂到任何元素上，可以挂到组件上也可以挂载到DOM元素上。 Class组件中使用ref：在React的Class组件时阅读全文

posted @ 2021-10-19 20:12 guo&qi 阅读(1356) 评论(0) 推荐(1)

raect hook中使用防抖（debounce）和节流（throttle）

摘要：一、基础参考以前写的博客：https://www.cnblogs.com/gg-qq/p/11249200.html 二、react中实现防抖和节流的hooks 手写可靠的useDebounce： export function useDebounce(fn, delay) { const { c 阅读全文

posted @ 2021-09-26 16:55 guo&qi 阅读(578) 评论(0) 推荐(0)

浏览器的缓存机制

摘要：一、概述缓存机制也就是我们说的HTTP缓存机制，其机制是根据HTTP报文的缓存标识进行的。 HTTP请求(Request)报文，报文格式为：请求行 – HTTP头(通用信息头，请求头，实体头) – 请求报文主体(只有POST才有报文主体) HTTP响应(Response)报文，报文格式为：状态行阅读全文

posted @ 2021-09-13 20:37 guo&qi 阅读(432) 评论(0) 推荐(0)

JavaScript踩坑解构赋值

摘要：一、解构赋值解构赋值语法是一种 Javascript 表达式。通过解构赋值, 可以将属性/值从对象/数组中取出，赋值给其他变量。常用的使用方式就是以字面量[]或者{}来获取 array或者 object的值。常规用法：数组的解构： let a, b, rest; [a, b] = [10, 阅读全文

posted @ 2021-09-03 18:46 guo&qi 阅读(578) 评论(0) 推荐(0)

js中应用时间戳

摘要：一、通过两个时间戳计算相差的天数、小时、分钟数 //计算两个时间戳之间的毫秒差 const difference = Date1-Date2; //计算天数 const day = Math.floor(difference / (24 * 60 * 60 * 1000)); //计算天数剩余的毫秒阅读全文

posted @ 2021-07-26 20:23 guo&qi 阅读(1361) 评论(0) 推荐(0)

react中父子组件间如何传值

摘要：一、父组件向子组件传值父组件绑定属性值传给子组件，子组件通过this.props()接收。例子如下：父组件中调用名字为Child的组件： <Child value={10}/> 子组件获取方式为： <p>父组件传递过来的值为:{this.props.value}</p>。//父组件传递过来的值阅读全文

posted @ 2021-05-24 21:18 guo&qi 阅读(2353) 评论(0) 推荐(1)

react的CSS中 :global的含义

摘要：一、局部作用域 css的规则都是全局的，任何一个组件的样式规则，都对整个页面有效。产生局部作用域的唯一方法，就是使用一个独一无二的class的名字，不会与其他选择器重名，但是当我们与其他人共同开发的时候，无法保证一定与其他人不同，这时候就要用到css modules。下面是一个React组件App 阅读全文

posted @ 2021-05-23 19:40 guo&qi 阅读(2868) 评论(0) 推荐(0)

TypeScript中的问号 ? 与感叹号 ! 的含义

摘要：一、？（问号）操作符在TypeScript里面，有4个地方会出现问号操作符，他们分别是： 1、三元运算符 // 当 isNumber(input) 为 True 是返回 ? : 之间的部分； isNumber(input) 为 False 时，返回 : ; 之间的部分 const a = isNu 阅读全文

posted @ 2021-04-12 20:26 guo&qi 阅读(14888) 评论(0) 推荐(2)

nginx 代理缓存配置

摘要：一、nginx代理缓存客户端第一次向服务器请求数据，此时nginx没有缓存，nginx会向服务器请求数据，服务器响应请求，nginx会将服务器响应的数据缓存起来后再向客户端响应，当客户端第二次发送请求时，此时nginx有缓存就不会再向服务器发送请求，而是直接将之前的缓存返回给客户端。这样可以减轻阅读全文

posted @ 2021-03-23 09:33 guo&qi 阅读(584) 评论(0) 推荐(0)

移动端1px问题的解决方案

摘要：一、问题现象在移动端web开发中，UI设计稿中设置边框为1像素，前端在开发过程中如果出现border:1px，测试会发现在高清屏机型中，1px会比较粗，即是较经典的移动端1px像素问题。二、产生原因高清屏（retina屏）是指高dpr的设备，其物理像素的密度更大。又分为有两倍屏，三倍屏。 dp 阅读全文

posted @ 2021-03-15 15:46 guo&qi 阅读(1638) 评论(0) 推荐(0)

导航

2021年10月19日

2021年9月26日

2021年9月13日

2021年9月3日

2021年7月26日

2021年5月24日

2021年5月23日

2021年4月12日

2021年3月23日

2021年3月15日