栀麦333

前言 长列表渲染一直以来都是前端比较头疼的一个问题，如果想要在网页中放大量的列表项，纯渲染的话，对于浏览器性能将会是个极大的挑战，会造成滚动卡顿，整体体验非常不好，主要有以...

我们都知道，如果一次性展示所有的数据，那么会造成页面卡顿，虚拟滚动的原理就是将数据根据滚动条的位置进行动态截取，只渲染可视区域的数据，这样浏览器的性能就会大大提升，废话不多...

Vue3 封装不定高虚拟列表 hooks，提高复用性，支持第三方库 Select、Table 组件和自定义组件。...

划重点，这是一道面试必考题，很多面试官都喜欢问这个问题，我就被问过好几次了 要实现上图的效果看似很简单，实则暗藏玄机，本文总结了一下CSS实现水平垂直居中的方式大概有下面这...

一、建立衡量标准 在确认指标之后，还要有量化基础，有数据积累。 理论基础 - 以『用户为核心』的 RAIL 性能模型 Response（响应）：应该尽可能快速的响应给客户，...

对于前端页面来说，静态资源的加载对页面性能起着至关重要的作用。本文将介绍浏览器提供的两个资源指令-preload/prefetch，它们能够辅助浏览器优化资源加载的顺序和时...

前端本地化存储算是一个老生常谈的话题了，我们对于 cookies、Web Storage（sessionStorage、localStorage）的使用已经非常熟悉，在面试...

前言 大家好，我是林三心，用最通俗的话，讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心，今天就给大家唠一下嗑，讲一下，怎么样使用localStorage、sessi...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 🥝 一、首先为什么会有这样的问题 localStorage 是 Web Storage API 的一部分，...

1. localForage介绍 localForage是一个JavaScript库，能够类似localStorage的存储。 他是异步存储，可以优化你的web应用程序的离...

“​​this 不是谜，而是规则的游戏。​​ 掌握四大绑定规则 + 箭头函数特性，你就能在面试中一眼看穿 this 的伪装，写出滴水不漏的代码“...

深夜加班的“诡异空白” 凌晨1点，程序员小林盯着屏幕上的网页布局，额头渗出细密的汗珠——明明图片和文字已经居中，但底部总有一道3px的空白缝隙，像一道无形的裂痕破坏页面美感...

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

在谈论到前端性能优化时，我们可能会想到很多方向，但虚拟列表一定算是一个值得谈谈的话题，很多人都是略懂一二，对其实现原理与过程还不太了解，所以当面试官问到比较细节的问题时往往...

之前分享了大文件上传的前端实现后，但是还有很多细节没有说明，隔了这么久又来考古一下Orz. 在日常开发中，大文件上传是个绕不开的坎——动辄几百 MB 甚至 GB 级的文件，...

前言 老师问我localhost和127.0.0.1，有什么区别？我当时一脸懵逼，哈哈哈，特此写下这篇文章 localhost 与 127.0.0.1：深入解析本地回环地址...

DOM to Image dom-to-image是一个js库，可以将任意dom节点转换为矢量(SVG)或光栅(PNG或JPEG)图像。 安装 加载 用法 所有高阶函数都接...

dom-to-image库可以帮你把dom节点转换为图片，它的核心原理很简单，就是利用svg的foreignObject标签能嵌入html的特性，然后通过img标签加载sv...

2.在上传之前一定一定要压缩图片的大小，你上传一个10几兆的图片直接能托死微信的浏览器，我要关机从启才可以，用lrz 压缩，非常好用，返回的是base64格式，可以直接显示...

......