心中有码

图片懒加载原理 图片懒加载也叫延迟加载，只加载当前屏幕的图片，可视区域外的图片不会进行加载，只有当屏幕滚动的时候才加载。 特点： 提高网页加载速度 减少后台服务器压力 提升...

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

性能优化一直是前端绕不开的话题。页面加载慢、交互卡顿，不仅影响用户体验，还可能直接流失用户。本文将从加载、运行、构建、网络四个环节，系统梳理前端能想到的各种性能优化手段，帮...

哈喽大家好，今天跟大家分享一个大屏项目中的适配方案。大屏项目中大多是echarts图表和一些dom元素自适应适配，那么今天这个方案如果适合所做项目基本可以复制使用...

在 React 中，如果需要按顺序执行多个接口请求？ 1.使用 async/await 串行化请求 2.使用 Promise 链 3.使用 for 循环和 async/aw...

anime.js 实战使用 anime.js 轻松实现 SVG 路径 (path) 曲线动画...

背景 👏最近在工作中遇到一个水球进度条，用svg绘制几个波浪叠加动画写起来超简单，css3动画+svg实现水球进度条~...

一. 根节点不同 vue2中必须要有根标签。 vue3中可以没有根标签，。 二. 组合式API和选项式API...

React 的 Context API React 的 Context API 是一种用于在组件之间共享数据的方法，允许你在组件树中传递数据，而无需通过 props 进行传...

React 高频面试题深度解析 一、组件通信方案 1. 父子组件通信 父传子‌：通过 props 传递数据 子传父‌：通过回调函数 2. 跨层级组件通信 Context A...