梦中的小王子

前两天接到一个需求：在一个盒子中可以添加自定义的图片（如地铁站台平面图），而在图片中可以添加点位标记。同时要求背景图可以进行缩放拖拽，还要求对点位进行拖拽。

在我之前实现点位拖拽这篇文章中提到过，本文将是那一篇文章的需求升级版。如果只是希望阅读普通点位拖拽的同学可以移步那篇文章。 回归正题，本文要实现的是精确标点：背景图片缩放并拖拽+点位拖拽

大屏适配解决方案 做可视化大屏时，在适配屏幕上，有四种常用的解决方案： 根据屏幕尺寸随意缩放 适用场景：留白不可接受的情况下使用 优点：占满屏幕，美观 缺点：屏幕尺寸比和设计稿尺寸比不一致时，导致变形

是否还在为rem适配感到烦恼？和我一样，不想去考虑单位的大小?这是除rem单位以外的另一种数据大屏适配方案。用最少的工作量，最简单的方法解决问题。可作于学习，可用于工作。

记录对一款JSON编辑器的研究 因为后台管理系统有编辑后端JSON配置的需求，于是接触了一款JSON编辑器，目前已经有10.7k的点赞，而且在持续的更新维护，vsCode里面一些关于JSON的插件也是

vite 是新兴的构建工具，它相比 webpack 最大的特点就是快。 那它是如何做到这么快的呢？ 因为 vite 在开发环境并不做打包。 我们创建个 vite 项目： 安装依赖，然后把服务跑起来：

前言 不知道各位前端小伙伴蓝湖使用的多不多，反正我是经常在用，ui将原型图设计好后上传至蓝湖，前端开发人员就可以开始静态页面的的编写了。对于页面细节看的不是很清楚可以使用滚轮缩放后再拖拽查看，还是很方

1、背景 在最近做的地图项目中，需要实现室内地图的点位回显，点位绘制，同时在室内地图（缩放）时，点位相对位置不发生改变，由于室内地图没有gis地图数据，用户使用png图片方式上传，综合评估后使用can

事实证明，一旦涉及到 DOM 的变换操作，如果很多细节考虑不全，抓过来就写，那基本就凉了。于是我仔细分析了下需求，发现和蓝湖的渲染图查看功能很类似，那这回就整理一下思路，从头开始，写一个模仿蓝湖的图片查看器。 两个功能都不难理解，但是组合实现一定难度，功能之间会有各种联系及需要…