摘要：
一、ref ref是React提供的用来操纵React组件实例或者DOM元素的接口。表示为对组件真正实例的引用，其实就是ReactDOM.render()返回的组件实例。 ref可以挂到任何元素上，可以挂到组件上也可以挂载到DOM元素上。 Class组件中使用ref： 在React的Class组件时 阅读全文
2021年10月19日
2021年9月26日
摘要：
一、基础 参考以前写的博客：https://www.cnblogs.com/gg-qq/p/11249200.html 二、react中实现防抖和节流的hooks 手写可靠的useDebounce： export function useDebounce(fn, delay) { const { c 阅读全文
2021年9月13日
2021年9月3日
摘要：
一、解构赋值 解构赋值语法是一种 Javascript 表达式。通过解构赋值, 可以将属性/值从对象/数组中取出，赋值给其他变量。 常用的使用方式就是以字面量[]或者{}来获取 array或者 object的值。 常规用法： 数组的解构： let a, b, rest; [a, b] = [10, 阅读全文
2021年7月26日
2021年5月24日
摘要：
一、父组件向子组件传值 父组件绑定属性值传给子组件，子组件通过this.props()接收。 例子如下： 父组件中调用名字为Child的组件： <Child value={10}/> 子组件获取方式为： <p>父组件传递过来的值为:{this.props.value}</p>。//父组件传递过来的值 阅读全文
2021年5月23日
摘要：
一、局部作用域 css的规则都是全局的，任何一个组件的样式规则，都对整个页面有效。产生局部作用域的唯一方法，就是使用一个独一无二的class的名字，不会与其他选择器重名，但是当我们与其他人共同开发的时候，无法保证一定与其他人不同，这时候就要用到css modules。 下面是一个React组件App 阅读全文
2021年4月12日
摘要：
一、？（问号）操作符 在TypeScript里面，有4个地方会出现问号操作符，他们分别是： 1、三元运算符 // 当 isNumber(input) 为 True 是返回 ? : 之间的部分； isNumber(input) 为 False 时，返回 : ; 之间的部分 const a = isNu 阅读全文
2021年3月23日
摘要：
一、nginx代理缓存 客户端第一次向服务器请求数据，此时nginx没有缓存，nginx会向服务器请求数据，服务器响应请求，nginx会将服务器响应的数据缓存起来后再向客户端响应，当客户端第二次发送请求时，此时nginx有缓存就不会再向服务器发送请求，而是直接将之前的缓存返回给客户端。 这样可以减轻 阅读全文
2021年3月15日
摘要：
一、问题现象 在移动端web开发中，UI设计稿中设置边框为1像素，前端在开发过程中如果出现border:1px，测试会发现在高清屏机型中，1px会比较粗，即是较经典的移动端1px像素问题。 二、产生原因 高清屏（retina屏）是指高dpr的设备，其物理像素的密度更大。又分为有两倍屏，三倍屏。 dp 阅读全文