业务需求 用户上传一张户型图，并且在图片描很多测试点。 鼠标放大缩小、拖拽 触屏手势放大缩小、拖拽 测试点需要跟随图片放大缩小、移动 先看最终完成的效果 基本页面结构 这里比较简单，一个div 跟一堆

在 CSS 世界里，边框不只是 border 一条路。你可能一直用 border 写边框，hover 时元素宽度变化、渐变边框做不出来……其实，现在有更酷、更灵活的方式来实现边框效果。

前言 在前端开发的浪潮中，性能优化一直是开发者们不懈追求的目标。今天，就让我们一同走进 9 个高级 API 的奇妙世界，领略它们如何在实战中助力前端性能实现质的飞跃。 一、requestIdleCal

作为一名前端开发者，我们一定都遇到过这样的需求：实现一个占满整个屏幕的欢迎页、弹窗蒙层或者一个 fixed 定位的底部菜单。 直觉告诉我们，这很简单，给它一个 `height: 100vh` 就行了

原文链接：一文吃透 CSS Flex 布局 教学游戏 这里有两个小游戏，可用来练习 flex 布局。 塔防游戏 送小青蛙回家 Flexbox 概述 Flexbox 布局也叫 Flex 布局，弹性盒子布

Vue3.5提出了两个重要概念：version计数和双向链表，作为在内存和计算方面性能提升的最大功臣。既然都重要，那就单挑version计数来介绍介绍，它在依赖追踪过程中，起到快速判断依赖项有没有更新

js屏幕适配方案，可让页面在不同屏幕下、不同dpr下、放大缩小时保持不变形，适用于Vue2和Vue3