spicyboiledfish

性能优化是把双刃剑，有好的一面也有坏的一面。好的一面就是能提升网站性能，坏的一面就是配置麻烦，或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景，需要谨慎使用，请读...

Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案！...

React 是实现了组件的前端框架，它支持 class 和 function 两种形式的组件。 class 组件是通过继承模版类（Component、PureCompone...

DOM事件流（event flow ）存在三个阶段：事件捕获阶段、处于目标阶段、事件冒泡阶段。 Dom标准事件流的触发的先后顺序为：先捕获再冒泡。...

如果DOM上绑定了过多的事件处理函数，整个页面响应以及内存占用可能都会受到影响。React为了避免这类DOM事件滥用，同时屏蔽底层不同浏览器之间的事件系统差异，实现了一个中...

本文主要讲解 React 合成事件机制，从事件注册到事件执行的整个链路，让你更好的理解 React 事件原理...

1. 为什么用img的src做请求的发送，sendBeacon又是什么？ 2. 埋点监控系统负责处理哪些问题，需要怎么设计api？ 3. 在react、vue的错误边界中要...

语法：objectobject：某个实例对象constructor：某个构造函数简言之就是用来检测 constructor.prototype 是否存在于参数 object...

什么是发布订阅模式 发布订阅模式是一种常见的设计模式，由三部分组成：发布者(Publisher)、调度中心（Event Channel）、订阅者（Subscriber）。 ...

发布订阅者模式想必大家都不陌生，是前端不可不掌握的设计模式，搞懂四个基本的核心内容就能掌握并实现这个模式！...

性能优化相关的文章其实网上挺多，但是大部分都是在讲如何优化性能，也就是讲方法论。但是在实际工作中，如何量化性能优化也是相当重要的一环。今天本文会介绍谷歌提倡的七个用户体验指...

通过V8 GC和CPU Profile日志，分析Node.js进程内存和CPU使用，让你整体了解Node.js的性能指标，列举现有性能分析平台工具的能力，注服务器性能，让你...

不知道有没有跟我一样，对于设计模式存在困惑的，以我为例，不瞒大家，我对设计模式真的是“看山就是山”、“看水就是水”、“看理论就是看理论”。毕业之前，我自己捣鼓的东西/项目，...

我们先看下 React 官方文档对这两个 hook 的介绍，建立个整体认识 useEffect(create, deps): useLayoutEffect(create,...

前言 以前我在掘金上看到面试贴就直接刷掉的，从不会多看一眼，直到去年 9 月份我开始准备面试时，才发现很多面试经验贴特别有用，看这些帖子（我不敢称之为文章，怕被杠）的过程中...

正在学习初学前端小伙伴，会感觉 HTML 和 CSS 太简单了，没什么挑战性。那是你没有学过 JS ，JS 中太多的概念初期学习的时候也是很懵逼的，比如 this、原型链、...

返回一个 memoized 回调函数。在依赖参数不变的情况下，返回的回调函数是同一个引用地址 返回一个 memoized 值。在依赖参数不变的的情况返回的是上次第一次计算的...

背景 在群里会有同学问相关的问题，怎么样使用 CSS 实现一个内切角按钮呢、怎么样实现一个带箭头的按钮呢？ 本文基于一些高频出现在设计稿中的，使用 CSS 实现稍微有点难度...

他，帝都打拼 10 年，有房有车(京牌油车)；他，身居高位，下属多达两位数；他，竟然为了一己私欲，做出了这样的事，这究竟是道德的沦丧，还是人性的扭曲？...