努力学习前端的阿猪

认识浏览器调试面板【红色圆点按钮】：表示“开始 / 暂停抓包（packet capture）。所谓抓包，就是将网络传输发送与接收的数据包进行截获、重发、编辑、转存等操作，也用来检查网络安全。默认情况下是开始抓包。但是如果关闭该按钮停止录制，那么重新刷新该页面，就获取不到任何请求。【Preserve log（保留日志）】：若页面有跳转，开启该功能可以默认保留之前的请求【Disable cache（禁止从 Cache 中加载资源）】：开启了 Cache 会影响到网络性能测试的结果【 抓图信息区域】：

撤销刚刚的commit，使文件改动恢复到暂存区git reset --soft HEAD^git-数据恢复git reflog-查看引用日志reflog = Reference log，表示引用日志。当本地仓库中的引用发生移动时，reflog 都会记录下这个移动的行为，跟部移动记录仪差不多。仓库中的『引用』包括HEAD指针和分支指针git reflog <ref> // 其中ref默认HEAD指针，可以通过替换ref来查看其他引用的日志 //查看 master 分支.

prosp的只读性纯函数个人理解：纯函数就是函数内部不去更改入参的函数，并且相同的输入，总是会得到相同的输出，并且在执行过程中没有任何副作用。这里的副作用指的是函数在执行过程中产生了外部可观察变化。常见的副作用（1）发起HTTP请求（2）操作DOM（3）修改外部数据（4）console.log()打印数据（5）调用Date.now()或者Math.random()如下代码的两个函数中，sum函数就是纯函数，因为它不会尝试更改入参，且多次调用下相同的入参始终返回相同的结果。相比之下，w

在PC端做的H5网页，在某些机型上会出现如下图所示的样式分割问题。解决该问题可以采取：（1）给字体设置大于font-size的行高，然后行与行之间的其他距离 可以用margin来控制。（2）尝试给字体增加/减少几px的距离另外对于地址这一行的布局（1）采用flex布局（2）50km处采用绝对定位方式。因为flex布局会有些小问题，div内部文字过长的时候会溢出。行高line-height行高支持四种类型的属性值normal：line-height的默认属性值，最终长度与字体大小、字体族

文章目录useCallbackuseMemo结论补充js中的作用域useCallbackuseCallback(fn, deps)相当于useMemo(() => fn, deps)。输入：内联回调函数，依赖项数组输出：传入的回调函数的memoized版本const memoizedCallback = useCallback( () => { doSomething(a, b); }, [a, b],);useCallback的用法与useState的用

文章目录进入目录进入目录比如你要进入~/Library/Application\ Support/xxxx工具/cli/logs中，并删除logs文件夹中的所有日志文件（1）在终端中输入 cd ~/Library/Application\ Support/xxxx工具/cli/logs即可（2）进入到其上层文件夹 cd ../ （3）查看cli文件夹下的文件 ls（4）删除logs文件夹 rm -rf logs（5）新建logs文件夹 mkdir logs（6）重新查看文件加列表 ls（7

文章目录前言一、JS正则二、使用步骤总结前言无一、JS正则// 边界符号（一般用于精准匹配）^ 以它开始$ 以它结束// 量词符号* 重复0次或者更多次（可理解为乘法）+ 重复1次或者更多次（可理解为加法）? 重复0次或一次（可理解为三元表达式的?是否存在）{n} 重复n次{n, m} 重复n到m次| 或者二、使用步骤总结提示：这里对文章进行总结：例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我们快速便捷地处理数据的

文章目录前言一、JSON1.JSON.stringify()2.前言一、JSONJSON官网给出JSON由两种结构组成：（1）一个键值对的集合-A collection of name/value pairs（2）一组有序值-An ordered list of values.1.JSON.stringify()JSON.stringify()方法将一个JavaScript对象或值转换为 JSON字符串，如果指定了一个replacer 函数，则可以选择性地替换值，或者指定的replacer

更新ing

文章目录前言一、DOM的位置1.1、`getBoundingClientRect()`注意1.2、`element.scrollLeft && element.scrollTop`1.3、`offsetParent && offsetLeft && offsetTop`-元素自身相关的属性（开发中不常用到）1.4、`element.clientTop && element.clientLeft`前言前段时间的开发工作涉及

文章目录总结&理解输出1、[input](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/input#%3Cinput%3E_types)input常见问题二、使用步骤1.引入库2.读入数据总结总结&理解输出1、inputinput元素有诸多属性，可以用于充当按钮、复选框、日期控件、选择文件、单选按钮、密码输入等等，是个很强大的元素。但实际上大部分属性只作用于特定一组 type。此外，一些属性作用于的方式取决于的t

文章目录总结&输出理解一、横滑、竖滑总结&输出理解css一、横滑、竖滑在固定大小的div中设置滑动效果，一般使用overflow-x和overflow-y，此时会出现x方向和y方向的滑动条。以下为消除滑动条的方法（浏览器、移动端、浏览器&移动端兼容）overflow-x: scroll;scrollbar-width: none; /* firefox */-ms-overflow-style: none; /* IE 10+ */&::-webki

Object.prototype.toString.call()优点：可以检测所有基本数据类型，即使是 null和defined缺点：不能精准判断自定义对象，对于自定义对象只会返回[object Object]Object.prototype.toString.call() 常用于判断浏览器内置对象每一个继承自Object 的对象都有toString方法，如果该方法没有被重写的话，就会返回[Object type]（其中type为对象的类型）非Object类型的对象使用toString时，会

学习目标：setState学习内容：提示：这里可以添加要学的内容例如：1、 setState2、 掌握 Java 基本语法3、 掌握条件语句4、 掌握循环语句学习产出：setStatesetState更新状态的两种写法。（1）对象式的setStatesetState(stateChange, [callback])stateChange为 状态改变对象（该对象可以提现状态的更改）callback是可选回调函数，它在状态更新完毕、界面更新完毕后（render调用后）才会被调