大家好，我是图恩。今天分享一些我整理的实用JavaScript代码片段，这些代码能显著提升开发效率。以下为优化后的代码列表：1. 生成随机数const random ...

shallowReactive 与 shallowRefshallowReactive : 只处理了对象内最外层属性的响应式(也就是浅响应式)shallowRef: 只处理了value的响应式, 不进行对象的r ...

<div class="image-container" style="max-width: 700px; max-height: 4 ...

性能指标 FP (First Paint) 首次绘制 FCP (First Contentful Paint) 首次内容绘制 FMP（First ...

节流-throttle 节流的意思是，规定时间内，只触发一次。比如我们设定500ms，在这个时间内，无论点击按钮多少次，它都只会触发 ...

1 引言 与组件生命周期绑定的 Utils 非常适合基于 React Hooks 来做，比如可以将 “发请求” 这个功能与组件生命周期绑定，实现一些便捷的功能。 这次以 <a href=" ...

的最新内容，更新于2019-12-01。大家完全不用担心这篇文章会过时，因为随着 前端技术的更新，本文也会随之更新。 本文的最新内容也会在<a href="https://github. ...

浏览器的渲染机制 我们需要先理解浏览器的渲染经历了哪些过程，才能有针对性的进行相关优化。 掌握浏览器的渲染优化，可以说是前端工程师的一个分水岭。如果想要具备架构师的思维，需要达到什么样的 ...

前言 在前端开发中会遇到一些频繁的事件触发，比如： window 的 resize、scroll mousedown、mo ...

<div class="image-container" style="max-width: 659px; max-height: 2 ...