• Fabric.js Rect 限制边框宽度缩放,禁止按比例缩放

    作者: Kinglong       发表时间: 2023-10-12 06:11
    关键词:strokeUniform  lockUniScaling  
    将元素的 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和BrowserRouter

    作者: Kinglong       发表时间: 2023-06-12 23:10
    关键词:BrowserRouter  路由缓存  
    路由缓存问题 调试模式下,增加了路由项目,有时候访问相应路径的页面,无法成功。重新编译,重新启动服务,仍然无法访问。 解决方案:清除浏览器缓存,再访问就生效了。 React路由的使用 HashRouter:监听浏览器地址hash值变化,执行相应的js切换。 import { HashRouter } from "react-router-dom"; render(){     <Provider store={store}>       ...
  • [转]前端技术开发模式的演变

    作者: Kinglong       发表时间: 2023-05-18 02:30
    详见博客园Living_In_Freedom 的 前端技术开发模式的演变 。 分为四个历史时期:JSP--->后端MVC--->SPA+AJAX--->前端MV。 AngularJS为MV*模式,有人认为是MVC,有人认为是MVVM。 Vue为MVVM模式。 React不是MVC框架。React的主要原理是Virtual DOM
  • React框架技术点

    作者: 陆金龙       发表时间: 2023-02-28 09:33
    关键词:虚拟DOM  组件系统  JSX  React state  React props   useEffect  
    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 树转...
  • Webstorm开发React项目常见报错

    作者: 陆金龙       发表时间: 2022-12-31 10:17
    关键词:[eslint] Cannot read config file  
    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...
  • Windows系统前端开发环境安装

    作者: Kinglong       发表时间: 2022-11-13 22:14
    关键词:Nodejs  WebStorm  Nginx安装  
    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...
  • Vite 2.0 + React + Ant Design项目搭建

    作者: Kinglong       发表时间: 2022-09-23 15:53
    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...