摘要：
DOM事件 常见的三种常见，防抖，节流，代理 防抖 场景：输入框输入信息，对输入信息做实时检索，通过接口与后端进行交互，不需要通过点击搜索按钮完成检索 问题：在input的onchange事件中进行实时请求，当输入框输入发生改变时就会发送一次请求。比如输入react 在输入r时，接口发出请求，输入r 阅读全文
摘要：
git查看commit提交的内容 有时候在对文件进行了commit操作后，想看一下修改的文件的具体信息，应该怎么做呢 git log - 查看之前每次的commit记录列表 git show - 查看最近一次已commit的文件修改信息 如果需要查看指定的某次commit的文件修改信息，git lo 阅读全文
摘要：
怎么使用好useCallback，来达到减少render次数的效果 react优化方式 减少render次数 减少计算量 下面的代码，当handleClick1时间触发时，PageB组件也会重新渲染 import React, { memo, useCallback, useState } from 阅读全文
摘要：
高阶函数 使用方式 在导出函数上面使用@HOC，@HOC function() {} @HOC语法通过es7中decorator来实现的，需要配置babel来兼容才可以使用 导出时使用HOC进行包裹，export default HOC(HocComponent) 高阶函数使应用场景 目的：把常用的 阅读全文
摘要：
react hooks 实现一个计时器 endTime对应服务端返回的时间 import React, { useState, useEffect } from 'react' const completionFunc = value => { if(String(value).length 1) 阅读全文
摘要：
react ref场景的使用场景及使用方式 ref主要用来做什么的 用来直接操作DOM，来完成一些操作 焦点，选中，动画等 两个常见的使用场景 获取元素的宽度来完成某些动画 获取/失去输入框焦点 几种创建方式 this.ref1 = ref => {this.refDom = ref} this.r 阅读全文
摘要：
历史问题 不知道大家以前开发是否遇到下面的问题 每次修改代码后需要手动刷新浏览器 修改一点代码后，需要重新编译所有代码 ，在大型项目中，运行速度感人 修改代码后，需要手动执行打包脚本，完成编译后再刷新浏览器 你期待的热更新是怎么样的 保存修改的代码后自动编译？ 自动刷新浏览器？ 页面是整体刷新还是局 阅读全文
摘要：
选择器类型 ID选择器 .id class选择器 .class 标签选择器 span 通用选择器 * 属性选择器 [type='text'] 伪类 :hover 伪元素 ::first-line 子元素选择器，相邻选择器 权重计算规则 第零等：!important 第一等：内联样式，像style=' 阅读全文
摘要：
css盒模型分类 标准盒模型 mdn，在标准盒模型中，如果给盒设置width和height，实际设置的是content box。padding和border再加上设置的宽高一起设置盒子大小。 • 盒子大小 = content + padding + border • css中设置的winth和hei 阅读全文
摘要：
在设置页面禁止复制文本是，设置了-webkit-user-select: none导致iOS手机上输入框类失效 // index.html * { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: 阅读全文