这个项目主要是用于给图片打标记用的，并有移动缩放的功能。可以先看下面的动图。 当初有个需求是在后台系统给一个效果图的任意位置打上标记并添加上介绍。需要把点位的坐标和详细信息存入数据库里，并且能支持移动和缩放，然后在前台供客户查看。 当初写这个功能的时候找了好久没找到特别符合要求…

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

现在我们开发一个 React 项目最快的方式便是使用 Facebook 官方开源的脚手架 create-react-app ，但是随着业务场景的复杂度提升，难免会需要我们再去添加或修改一些配置，这个时候如果对 webpack 不够熟练的话，会比较艰难，那种无力的感觉，就好像是女…

Monorepo是一种将多个相关项目组织在一个代码库中的方法，它可以提高代码的复用性和维护性。使用React作为前端框架，Pnpm作为包管理工具，Vite作为构建工具搭建一个低代码项目

本文正在参加「金石计划 . 瓜分6万现金大奖」。 众所周知，函数节流（throttle）是 JS 中一个非常常见的优化手段，可以有效的避免函数过于频繁的执行。 举个例子：一个保存按钮，为了避免重复提交

小程序开发现在主要分为原生和框架开发。 在对比了相关的优劣势之后个人还是比较倾向于使用框架，主要是开发效率真的比原生高出挺多的，而且在实战下来也没有想象中的那么多的大坑，基本上小程序能够实现的东西uni-app也都能够很好地适配了。下面就来讲一下我开发遇到的一些问题，当做一份u…