![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 69
自然卷-ww
我 不 懒!!
展开
-
前端实践-基于浏览器的开发与性能优化一
认识浏览器调试面板【红色圆点按钮】:表示“开始 / 暂停抓包(packet capture)。所谓抓包,就是将网络传输发送与接收的数据包进行截获、重发、编辑、转存等操作,也用来检查网络安全。默认情况下是开始抓包。但是如果关闭该按钮停止录制,那么重新刷新该页面,就获取不到任何请求。【Preserve log(保留日志)】:若页面有跳转,开启该功能可以默认保留之前的请求【Disable cache(禁止从 Cache 中加载资源)】:开启了 Cache 会影响到网络性能测试的结果【 抓图信息区域】:原创 2022-05-04 12:31:48 · 933 阅读 · 0 评论 -
Git命令
撤销刚刚的commit,使文件改动恢复到暂存区git reset --soft HEAD^git-数据恢复git reflog-查看引用日志reflog = Reference log,表示引用日志。当本地仓库中的引用发生移动时,reflog 都会记录下这个移动的行为,跟部移动记录仪差不多。仓库中的『引用』包括HEAD指针和分支指针git reflog <ref> // 其中ref默认HEAD指针,可以通过替换ref来查看其他引用的日志 //查看 master 分支.原创 2022-04-25 15:09:52 · 1770 阅读 · 0 评论 -
React文档通读-part one
prosp的只读性纯函数个人理解:纯函数就是函数内部不去更改入参的函数,并且相同的输入,总是会得到相同的输出,并且在执行过程中没有任何副作用。这里的副作用指的是函数在执行过程中产生了外部可观察变化。常见的副作用(1)发起HTTP请求(2)操作DOM(3)修改外部数据(4)console.log()打印数据(5)调用Date.now()或者Math.random()如下代码的两个函数中,sum函数就是纯函数,因为它不会尝试更改入参,且多次调用下相同的入参始终返回相同的结果。相比之下,w原创 2022-03-30 16:07:40 · 1410 阅读 · 0 评论 -
字体被切割问题
在PC端做的H5网页,在某些机型上会出现如下图所示的样式分割问题。解决该问题可以采取:(1)给字体设置大于font-size的行高,然后行与行之间的其他距离 可以用margin来控制。(2)尝试给字体增加/减少几px的距离另外对于地址这一行的布局(1)采用flex布局(2)50km处采用绝对定位方式。因为flex布局会有些小问题,div内部文字过长的时候会溢出。行高line-height行高支持四种类型的属性值normal:line-height的默认属性值,最终长度与字体大小、字体族原创 2022-03-30 11:58:44 · 988 阅读 · 0 评论 -
React-useCallback与useMemo
文章目录useCallbackuseMemo结论补充js中的作用域useCallbackuseCallback(fn, deps)相当于useMemo(() => fn, deps)。输入:内联回调函数,依赖项数组输出:传入的回调函数的memoized版本const memoizedCallback = useCallback( () => { doSomething(a, b); }, [a, b],);useCallback的用法与useState的用原创 2022-03-23 16:19:22 · 735 阅读 · 0 评论 -
Linux命令
文章目录进入目录进入目录比如你要进入~/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原创 2022-03-08 16:12:44 · 758 阅读 · 0 评论 -
JS-正则表达式
文章目录前言一、JS正则二、使用步骤总结前言无一、JS正则// 边界符号(一般用于精准匹配)^ 以它开始$ 以它结束// 量词符号* 重复0次或者更多次(可理解为乘法)+ 重复1次或者更多次(可理解为加法)? 重复0次或一次(可理解为三元表达式的?是否存在){n} 重复n次{n, m} 重复n到m次| 或者二、使用步骤总结提示:这里对文章进行总结:例如:以上就是今天要讲的内容,本文仅仅简单介绍了pandas的使用,而pandas提供了大量能使我们快速便捷地处理数据的原创 2022-02-13 14:22:38 · 420 阅读 · 0 评论 -
JavaScript中的JSON对象
文章目录前言一、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原创 2022-02-08 20:49:57 · 880 阅读 · 0 评论 -
常用学习工具及网站归纳
更新ing原创 2022-02-04 22:40:45 · 432 阅读 · 1 评论 -
JavaScript之DOM的位置、属性、方法
文章目录前言一、DOM的位置1.1、`getBoundingClientRect()`注意1.2、`element.scrollLeft && element.scrollTop`1.3、`offsetParent && offsetLeft && offsetTop`-元素自身相关的属性(开发中不常用到)1.4、`element.clientTop && element.clientLeft`前言前段时间的开发工作涉及原创 2022-02-04 22:37:48 · 3204 阅读 · 0 评论 -
HTML标签
文章目录总结&理解输出1、[input](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/input#%3Cinput%3E_types)input常见问题二、使用步骤1.引入库2.读入数据总结总结&理解输出1、inputinput元素有诸多属性,可以用于充当按钮、复选框、日期控件、选择文件、单选按钮、密码输入等等,是个很强大的元素。但实际上大部分属性只作用于特定一组 type。此外,一些属性作用于的方式取决于的t原创 2022-01-13 23:49:47 · 164 阅读 · 0 评论 -
div-滚动时设置不显示滚动条
文章目录总结&输出理解一、横滑、竖滑总结&输出理解css一、横滑、竖滑在固定大小的div中设置滑动效果,一般使用overflow-x和overflow-y,此时会出现x方向和y方向的滑动条。以下为消除滑动条的方法(浏览器、移动端、浏览器&移动端兼容)overflow-x: scroll;scrollbar-width: none; /* firefox */-ms-overflow-style: none; /* IE 10+ */&::-webki原创 2022-01-10 14:33:05 · 3382 阅读 · 0 评论 -
JS判断数组、对象
Object.prototype.toString.call()优点:可以检测所有基本数据类型,即使是 null和defined缺点:不能精准判断自定义对象,对于自定义对象只会返回[object Object]Object.prototype.toString.call() 常用于判断浏览器内置对象每一个继承自Object 的对象都有toString方法,如果该方法没有被重写的话,就会返回[Object type](其中type为对象的类型)非Object类型的对象使用toString时,会原创 2021-12-29 15:02:48 · 500 阅读 · 0 评论 -
React Hooks之useState
学习目标:setState学习内容:提示:这里可以添加要学的内容例如:1、 setState2、 掌握 Java 基本语法3、 掌握条件语句4、 掌握循环语句学习产出:setStatesetState更新状态的两种写法。(1)对象式的setStatesetState(stateChange, [callback])stateChange为 状态改变对象(该对象可以提现状态的更改)callback是可选回调函数,它在状态更新完毕、界面更新完毕后(render调用后)才会被调原创 2021-12-28 15:53:40 · 818 阅读 · 0 评论