半糖土豆去兜风_

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当...

这是一道比较常见的面试算法题。原理上并不难理解，但是实现细节却有很多注意的地方，特别是常规的哈希表+双向链表的实现。本文利用 JavaScript 的 Map 特性，巧妙实...

秋招期间，本来打算各个大厂都尝试一下，然而转正后时间的分配越来越紧张，因此改变战略，面个微信，战斗爽！...

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第21天，点击查看活动详情 引言 动画基本上分类两类：补间动画和帧动画。 补间动画：补齐中间的动画。由浏...

马上又是金三银四了，又要面对头疼的面试题了。经常容易被问到性能优化相关的问题，没准备的小伙伴进来看看吧，准备了的也可以考虑再熟悉熟悉呀，记忆更深刻一点。...

1. Flex布局 接下来，我们先提出两个概念：剩余空间和溢出空间，具体是什么意思我们后面慢慢解释。 2. flex-grow 传统的布局是子容器在父容器中从左到右进行布局...

带你深度解锁Webpack系列(基础篇) 和 带你深度解锁Webpack系列(进阶篇)，主要是讲解了 Webpack 的配置，但是随着项目越来越大，构建速度可能会越来越慢，...

本篇将从优化开发体验、加快编译速度、减小打包体积、加快加载速度 4 个角度出发，介绍如何对 webpack 项目进行优化。...

解读 HTTP1/HTTP2/HTTP3，HTTP/2 相比于 HTTP/1.1，大幅提高了网页性能，升级该协议就可以减少之前需要做的性能优化工作，虽然如此但还是存在一定问...

HTTP的发展史往往是面试的常客，所以你清楚HTTP超文本传输协议的发展史吗？这篇文章就让我们来好好捋一捋它的进化史，如果能帮助到你，那就最好不过了。...

我是一名程序员，我的主要编程语言是 Java，我更是一名 Web 开发人员，所以我必须要了解 HTTP，所以本篇文章就来带你从 HTTP 入门到进阶，看完让你有一种恍然大悟...

1.前端常见工具之间的定位与联系，如webpack、rollup、vite、vue-cli等。 2.从运行原理、构建方式、HMR热更新机制、使用成本等方面逐一去分析，vit...

webpack原理图vite原理图...

IntersectionObserver使我们能够轻松获取获取元素的交叉状态，实现诸如懒加载、埋点监控、视差滚动等多种场景。 它性能良好，用法简洁。带来了极大的便利和用户体...

在工作中，有时会遇到需要一些不能使用分页方式来加载列表数据的业务情况，对于此，我们称这种列表叫做长列表。比如，在一些外汇交易系统中，前端会实时的展示用户的持仓情况(收益、亏...

所有的性能优化都围绕着两大层面两小层面实现，核心层面是网络层面和渲染层面，辅助层面是时间层面和体积层面，而辅助层面则充满在核心层面里，笔者通过本文整理出关于前端性能优化的九...