将元素的 strokeUniform 属性设置为 true 后，元素在缩放后，边框不会跟着缩放。 将元素的 lockUniScaling属性设置为 true 后，元素在缩放时，不会限制比例。 this.rect = new fabric.Rect({ left: bbox.x0, // 距离容器左侧 top: bbox.y0, // 距离容器顶部 width: bbox.x1 - bbox.x0, // 宽 height: bbox.y1 - bbox.y0, // 高 ...

路由缓存问题 调试模式下，增加了路由项目，有时候访问相应路径的页面，无法成功。重新编译，重新启动服务，仍然无法访问。 解决方案：清除浏览器缓存，再访问就生效了。 React路由的使用 HashRouter：监听浏览器地址hash值变化，执行相应的js切换。 import { HashRouter } from "react-router-dom"; render(){     <Provider store={store}>       ...

详见博客园Living_In_Freedom 的 前端技术开发模式的演变 。 分为四个历史时期：JSP--->后端MVC--->SPA+AJAX--->前端MV。 AngularJS为MV*模式，有人认为是MVC，有人认为是MVVM。 Vue为MVVM模式。 React不是MVC框架。React的主要原理是Virtual DOM

1. React简介 React起源于Facebook的内部项目，该公司对当时市场上的所有javascript MVC 框架都不满意，认为MVC只会让前端越来越复杂，因此开发了React，用来架设 Instagram 的网站，并于 2013 年 5 月开源。 React只关注视图层，专注于提供view层解决方案。官方对React的定位是：一个快速构建前端视图的javaScript库。 虚拟DOM React引入了虚拟DOM(virtual DOM)的机制：在浏览器端用javascript实现了一套DOM API。 React把真实 DOM 树转...

1.node:internal/modules/cjs/loader:998 Error: Failed to patch ESLint because the calling module was not recognized. node:internal/modules/cjs/loader:998 解决方案：执行cnpm install eslint。 如果不行，删除node_modules目录，重新执行npm install 或者cnpm install 。 2.[eslint] Cannot read config file...

1. 前端开发环境 1)IDE 可使用WebStorm或VSCode 进行前端项目开发。 WebStorm是jetbrains公司旗下一款JavaScript 开发工具。 VSCode是Microsoft开发的代码编辑器工具。 2)nodejs NodeJS 是基于Chrome V8引擎的 JavaScript 运行环境。 ReactJS是用JavaScript写的库。webpack是一个运行在NodeJS 端的打包工具，react-cli都是运行在 NodeJS 环境下的脚手架。React项目的开发依赖于NodeJs这个Jav...

https://zhuanlan.zhihu.com/p/358403100   Cannot find package '@vitejs/plugin-react-refresh' This package has been deprecated 改成 // import reactRefresh from '@vitejs/plugin-react-refresh' //报错找不到包 import reactRefresh from '@vitejs/plugin-react' https://www.npmjs...