5 秒白屏？1.2 秒加载？Vite 项目性能优化实战！从代码分割、图片懒加载到骨架屏、预渲染，7 步让前端性能飞跃，附可复用代码片段，直接抄作业！

背景 开发中要求实现一个页面适配pc也适配mobile,没有真实操作过记录一下。 方案 GPT推荐 响应式布局 使用 CSS 媒体查询 (采用) 使用 Tailwind CSS 视口单位 + REM

Promise及其周边方法、快排、冒泡、选择、插入排序算法、发布订阅、数组去重、数组拍平等30+高频手写实现及其详细答案解析，助你在日常工作中披荆斩棘，勇往无前。

前端布局 一、自适应 自适应就是一套代码，不管屏幕大小怎么变化只有页面的元素大小的变化，不会出现表格三列变两列的样子，那种是响应式，烦死了每次领导和设计都跑过来让我修改一个页面说是自适应窗口的变化，结

只有了解用户，我们才能服务好用户，而最接近用户的前端工程师，自然要承担起更多的责任。 那么在一个企业中，我们要如何去了解用户呢？ 最直接有效的方式就是埋点上报。

提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理

废话开篇：JS通过 canvas 操作简单实现购物车图片放大预览效果 一、实现效果 二、代码实现 代码不多，先看一下 HTML 里面结构很简单，初始化 MagnifyingGlass 对象来关联一个

js 作为前端的中坚力量。那么 javascript 三座大山，你知道是哪些呢？ 1️⃣ 作用域和闭包 作用域 指代码当前上下文，控制着变量和函数的可见性和生命周期。最大的作用是隔离变量，不同作用域下

最近在做一个后台项目，需要加载一个大型的的文件，一开始这个文件大概有40M，算了下处在公司比较好的网络环境下浏览器下载下来大概得12s左右，然后加载这个文件还得7s左右，这样理想情况下呈现给用户大概得