栀麦333

对于前端页面来说，静态资源的加载对页面性能起着至关重要的作用。本文将介绍浏览器提供的两个资源指令-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格式，可以直接显示...

......

前言 技术栈 依赖引入 首先为了解决echarts的全量引入问题，我们需要单独书写一个echarts依赖引入文件，文件内部之引入我们需要使用的echarts依赖, 通过我们...

一个超好用的前端Canvas库-Konva，可以让你像操作Dom一样操作Canvas元素，集成了多数dom事件以及动画。...

前言 最近做前端页面时，遇到一个挺有意思的需求：用户调整窗口大小时，页面背景色随机变化。本以为是个简单功能，结果测试时发现：当用户拖动窗口边缘快速调整大小时，背景色疯狂闪烁...

😎 别再裸写<textarea>了！一个“小”功能，我用上了它几乎所有API 🚀 哈喽，各位肝帝们，我是你们的老朋友。 最近接了个需求，产品经理（PM）笑眯眯地跑过来说...

本文深入解析响应式布局两大核心技术：CSS长度单位与媒体查询。在移动设备主导流量的时代，响应式设计已成为网站必备技能，通过具体代码示例和最佳实践，帮助开发者构建真正适应从手...