画一个圆

接手工程化 年底了，有必要好好总结实习以来所做的工作～ 刚入职时，mentor 大哥和我说，团队的工程化存很多的优化空间，希望我后续能先从这切入，没想到这一切入，就过去了一...

现况：前端的请求库，大家基本都用的是 Axios。而他是基于 XHR 封装的，目前 XHR 已经停更了。相较于 fetch，缺失了一些功能 如：可读流、中断请求、自定义re...

事情起因是这样的，大家在刷抖音，小红书等短视频平台、发现他们的布局是这样的瀑布流布局。 反应是瀑布流，怎么做呢？我们第一反应是flex，grid？是的这是大部分人的固态思维...

萝卜青菜，各有所爱；正如我们对于手机的选择一样，每个人都有自己偏好的品牌和型号，而这些设备的屏幕大小也千差万别。面对如此多样化的终端环境，如果一个H5页面仅仅针对某一特定尺...

PK 组件用于可视化展示两种或多种数据的对比结果，特别适用于需要直观展示竞争或对比分析的场景。 效果展示 小红书 PK 组件 我们将实现一个类似的 PK 组件 2. 组件设...

有没有一种完美的方案，从服务端获取数据的逻辑放在子组件中，并且在获取数据的期间让子组件“暂停”一下，先不去渲染，等到数据请求完成后再第一次去渲染子组件呢？...

技术栈 前端： Next.js + Ts 后端：Python（Flask） 模型相关： LLM 模型（Ollama，Lama3）：实现核心问答和扩展功能。 LangChai...

在面试过程中提到懒加载，很多的面试官都喜欢再往深一点问：也就是懒加载的原理。 笔者也是在两次面试过程中被问过，所以写了这一篇文章。...

我们可以用 Stale-While-Revalidate 加速页面访问，策略分 3 步 在收到页面请求时首先检查缓存，如果命中缓存就直接从缓存中返回给用户 将缓存返回用户的...

直有一些高性能的渲染问题困扰着我，比如canvas渲染百万、千万级数据，虽然现在的js也给了很多优化的方案（比如web workers）。但是说到底还是有语言方面的局限性，...

现状 下图是一个1920*1080的大屏示意图 使用常规的缩放方法，让大屏在窗口内最大化显示。大屏在不同的窗口中出现了空白区域，并没有充满整个屏幕。 新的方法  在缩放的基...

如果你是一名前端开发，那么你多少有了解过requestAnimationFrame吧？其实它能应用的场景非常多，让我们一起看看吧...

最近花了些时间，写了一个 “国庆头像” 小程序。正好快国庆节了，于是分享一下我的这个 “Starstick星点贴纸” 小程序，顺便简单讲讲以及其中的设计、开发、上线过程。...

在前端开发中，性能优化是非常重要的，特别是在需要展示大量数据的时候。如果直接渲染十万条数据，会导致页面卡顿甚至崩溃。那么，当面试官问你“如何流畅地渲染十万条数据”时，你该如...

背景 日常开发中，我们使用固定大小的图片，但是对于不同的设备，设备像素比（dpr）的不同，图片的清晰度会受到影响。 我们可以在img标签中使用srcset和sizes属性来...

灰度发布是产品质量保障的重要一环，它可以让某次更新的产品，以一种平滑，逐步扩大的方式呈现给用户，从而减少线上问题的影响范围；本文讲解了针对前端的几种灰度方案，尤其是纯前端的...

引言 从本文中，我将从是什么，为什么，怎么做来为大家阐述 NextJS 以及如何对 nextjs 应用进行性能优化。...

需求简介 大家好，我是石小石！前几天实现了这样一个需求： 由于后端返回的是用逗号分隔的字符，所以获取图片的key使用split方法非常方便。 乍一看，代码并没有问题，qa同...

前言 我们平时开发的过程中，常常会遇到性能优化的要求。而对于前端的性能优化，我理解为有两大类，一类是网络层面的优化，即加速你的资源加载；另一类也是代码层面上的优化，即根据不...

在项目中需要统一代码风格时，我开始接触并学习了抽象语法树（AST）。通过在线工具和代码实践，我了解到AST的结构和在代码分析中的作用。我发现AST不仅有助于编写eslint...