Daisy_D

useLayoutEffect的用法和useEffect完全一样，那么本文就来谈谈这二者在使用场景上的区别，以及useLayoutEffect的使用注意事项。...

useCallback与useMemo在react中用来缓存函数与对象，但性能优化也会有成本，缓存过多时会占用内存过多，垃圾回收器不会及时释放，变成了负优化。因此，在大多数...

作为一名前端开发者，我们一定都遇到过这样的需求：实现一个占满整个屏幕的欢迎页、弹窗蒙层或者一个 fixed 定位的底部菜单。 直觉告诉我们，这很简单，给它一个 `heigh...

一、安装库 二、在项目根目录创建postcss.config.js文件 三、在项目根目录下的next.config.js文件添加配置 四、在_app.tsx中引入引用amf...

去年写了《NextJs 从入门放弃》文章后，直到最近开发项目，才重新关注 NextJs，其版本已更新到**V14**，趁着**V15**还在蓄势待发，先赶紧总结一下开发的心...

今天讲的三个属性都是在 link 标签上使用的，使用形式如下： 初看起来，这三个属性设置起来比较简单，但是如果使用得当，效果却会非常棒。比如 奈飞 通过使用 prefetc...

前端性能测试工具 Lighthouse(灯塔)使用 目录 前言 正文 一、Lighthouse 介绍 二、Lighthouse 使用过程 三、指标详解 总结 参考文档 前言...

--- theme: cyanosis --- > 在上一篇文章 [# 面试官：说一说 vue3 的快速 diff 算法（一）](https://juejin.cn/pos...

今天开始，Vue2就要离我们而去，总结一些Vue常见的面试题，缅怀Vue2。以后就要全民拥抱Vue3了。...

实现常用的两栏布局(左侧固定+右侧自适应)以及三栏布局(圣杯布局和双飞翼布局) 两栏布局和三栏布局是我们常用到的布局形式，下面我们分别进行实现和总结。 一、两栏布局 现在有...

animation动画详解：css中实现动画有两种方式：`transition`过渡动画、 `animation`自定义动画。本文主要讲解`animation`动画的使用，...

基本了解 ​ css中实现动画有两种方式：transition过渡动画、 animation自定义动画。 ​ 本文主要讲解transition过渡动画的使用，若要了解ani...

前端八股文 怎么能不懂一点呢~ 你会不会存在这样一些质疑： 什么是浏览器的重绘重排❓ 会不会触发重绘和重排❓ 怎么权衡重绘与重排❓...

最近在准备面试, 所以整理了些常见的 React 相关的面试题!!!! 有需求的欢迎 点赞、收藏, 同时欢迎大家在评论区留下面试中经常被问到的问题, 一起讨论.......

“描述一下在浏览器中从输入 URL 到页面显示的过程” 作为一道经典面试题，因为涉及的知识范围比较广，考察点比较多，所以无论是校招，还是社招，都会被频繁问到，下面我们来一起...

向浏览器输入url会发生什么？当我们向浏览器的地址栏输入URL的时候，网络会进行一系列的操作，最终获取到我们所需要的文件，交给浏览器进行渲染...

什么是闭包？ 如果一个函数访问了此函数的父级及父级以上的作用域变量，那么这个函数就是一个闭包。闭包会创建一个包含外部函数作用域变量的环境，并将其保存在内存中，这意味着，即使...

性能分析一直是前端er们津津乐道的话题；而俗话说得好：工欲善其事，必先利其器； 说到前端性能，就少不了性能分析的利器 —— Performance 😎；我想各位前端小伙伴...