![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
面试
文章平均质量分 69
samllplum
有智者立长志 无志者长立志
展开
-
react hooks的优缺点
如果类组件要复用代码, 经常需要高阶组件.在react hooks中, 自定义hooks可以将组件中类似的状态逻辑抽取出来, 做成一个useHook. 这样在每次调用时就会有一份独立的存储空间. 而且hooks实现起来代码量比较少, 维护更容易。原创 2023-04-07 17:17:47 · 706 阅读 · 1 评论 -
一篇文章学会instanceof精髓
instanceof用于检测构造函数的prototype属性是否出现在某个实例对象的原型链上。原创 2023-03-11 16:46:54 · 447 阅读 · 0 评论 -
useCallback 与 useMemo 的区别 & 作用
一些文章长篇大论解释,其实直接看 typescript 声明就知道作用了,泛型 T 在 useCallback 中是一个钩子函数,在 useMemo 中是一个返回值。一个简单计数器 demo 解释全部作用:点击按钮 count 加 1,同时显示这个数是奇数还是偶数不用 hook 的代码使用 hook 后的代码看起来没有什么区别,甚至使用 hook 后代码还变复杂了。原创 2023-03-11 15:53:04 · 534 阅读 · 0 评论 -
前端如何优化网站性能
1、减少 HTTP 请求数量在浏览器与服务器进行通信时,主要是通过 HTTP 进行通信。浏览器与服务器需要经过三次握手,每次握手需要花费大量时间。而且不同浏览器对资源文件并发请求数量有限(不同浏览器允许并发数),一旦 HTTP 请求数量达到一定数量,资源请求就存在等待状态,这是很致命的,因此减少 HTTP 的请求数量可以很大程度上对网站性能进行优化。CSS Sprites国内俗称CSS...原创 2019-03-04 17:23:24 · 4648 阅读 · 0 评论 -
谈谈对MVVM开发模式的理解
MVVM分为Model、View、ViewModel三者。 Model:代表数据模型,数据和业务逻辑都在Model层中定义; View:代表UI视图,负责数据的展示; ViewModel:负责监听Model中数据的改变并且控制视图的更新,处理用户交互操作; Model和View并无直接关联,而是通过ViewModel来进行联系的,Model和ViewModel之间有着...原创 2019-03-04 16:32:46 · 4473 阅读 · 0 评论 -
前端面试习题集
1.如何用原生js给一个按钮绑定两个onclick事件?Var btn=document.getElementById(‘btn’);//事件监听 绑定多个事件var btn4 = document.getElementById("btn4");btn4.addEventListener("click",hello1);btn4.addEventListener("cli...原创 2019-03-07 20:50:51 · 248 阅读 · 0 评论 -
浏览器兼容性问题与解决方案整理
浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。浏览器兼容问题一:不同浏览器的标签默认的外补丁和内补丁不同 问题症状:随便写几个标签,不加样式控制的情况下,各自的margin 和padding差异较大。 碰到频率:100% 解决方案:CSS里 * 备注:这个是最常见的也是最易解决的一个浏览器兼容性问题,几乎所有的...原创 2019-07-31 11:32:06 · 245 阅读 · 0 评论