项目react技术vue
React 精简代码指南（译）
React 精简代码指南（译） 大家的林语冰 bilibili@人猫神话 | 公众号@人猫神话 关注他 你经常看 TA 的内容 展开目录 大家好，这里是大家的林语冰。本期《前端翻译计划》共享的是使用最佳实践和已验证技术增强您的 React 开发。 免责声明本文属于是语冰的直男翻译了属于是， ......
史上最全SVG开源项目
史上最全SVG开源项目 徐大大 中文 关注 3 人赞同了该文章 SVG（Scalable Vector Graphics）是一种矢量图形格式，它提供了一种可以在网络上高效描述矢量图形的方法，其标准最初由W3C制定，于1999年发布SVG规范1.0版本。 在HTML5之前，SVG只能作为插件运行在浏 ......
Java登陆第二十五天——Tomcat、认识JavaWeb项目
Java项目开发后，需要部署到服务器中，服务器需要有最基本的操作系统。 单一的操作系统还不够，因为Java项目经过JVM编译后的是.class文件(字节码文件)。 字节码文件的运行需要Java运行环境(JRE)。 有了JRE还是不够。不是所有的项目都可以直接运行，还需要服务器软件 服务器软件Tomc ......
[研学] 项目配置和规范
git 使用和规范 一个不错的教程 使用 从 这里 下载 git。git 默认不使用代理，使用 git config --global http.proxy http://127.0.0.1:7890 和 git config --global https.proxy https://127.0.0 ......
React拖拽插件：react-beautiful-dnd
本篇文章主要介绍react-beautiful-dnd，它是基于react的拖拽插件 接下来会从以下几个方面来介绍react-beautiful-dnd 安装使用 API介绍 Example 1. 安装使用 首先我们需要安装react-beautiful-dnd # yarn yarn add re ......
[Vue] vue学习笔记(11): 自定义事件 & 全局事件总线
组件的自定义事件 通过props可以将信息传递给子组件，那么当子组件需要向上传递信息的时候呢, 除了使用props传递函数类的方法，我们还可以用自定义事件 通过父组件给子组件绑定一个事件someEvent // App.vue <Student @someEvent='getStudentName' ......
从零开始封装 vue 组件
对于学习 Vue 的同学来说，封装 vue 组件是实现代码复用的重要一环。在 Vue 官网中非常详细地介绍了 vue 组件的相关知识，我这里简单摘取使用最频繁的几个知识点，带大家快速入门 vue 组件的使用。 快速入门 我们假设在页面上有很多地方都要用到一个计数器，与其在每个地方都实现计数器功能，不 ......
Reducer的理解--React状态管理Reducer
这篇博客主要从以下几个方面来介绍我对Reducer的理解 什么是 Reducer 函数 useState 重构成 useReducer 使用Reducer的业务场景 1. 什么是 Reducer 函数 对于组件过于分散的事件处理程序，可以将组件的所有状态更新整合到一个外部函数中，这个函数被称为 re ......
ABP模块的测试项目从默认的Microsoft SQL Server替换成MySQL
1、替换项目引用2、重新生成解决方案3、删除Migrations4、模块的引用替换成：AbpEntityFrameworkCoreMySQLModule5、命名空间替换成：Volo.Abp.EntityFrameworkCore.MySQL;6、ConfigureServices中的修改替换成：Us ......
VUE使用Swiper组件，组件中嵌套Echarts图，Echarts的点击事件不生效问题解决
1.解决方案 在Swiper的配置项中添加以下属性（实测，已解决） ` options: { loop: false, simulateTouch: true, autoplay: { delay: 10000, disableOnInteraction: true }, touchStartPre ......
vue3.0+vite问题汇总
1、找不到模块“vite”。你的意思是要将 "moduleResolution" 选项设置为 "node"，还是要将别名添加到 "paths" 选项中 解决方法（tsconfig.json添加如下代码，添加之后重启；重启之后如果仍然有问题，可能是编辑器版本比较旧，升级编辑器版本，我从vscode v ......
技术引领未来：两轮电动车遥控解锁方案探秘
随着电动交通工具的快速普及，创新性的智能解锁系统正在为两轮电动车带来更便捷、安全的使用体验。本文将深入介绍一种先进的两轮电动车遥控解锁方案，探讨其优势，并推荐一款先进的芯片技术，引领行业未来。 01方案介绍 1、技术原理： 该遥控解锁方案基于先进的射频技术，通过与电动车主控系统通信，实现对车辆锁定和 ......
高效图片管理系统的技术实现与优化策略
一、引言 随着互联网技术的飞速发展，图片在我们的生活和工作中扮演着越来越重要的角色。图片管理系统的需求也随之日益增长，如何构建一个高效、易用、安全的图片管理系统成为了一个热门话题。本文将从技术角度出发，详细介绍图片管理系统的实现原理和优化策略。 图片管理 | 一个覆盖广泛主题工具的高效在线平台(am ......
vue3.0基础
1. setup函数 vue单页面使用到的变量和方法都定义在setup函数中,return后才能被页面引用 export default { setup(){ const name = '张三' const person = {name,age:30} function goWork(){ cons ......
jenkins发布Java项目
1.java项目是什么(springboot) 由java语言开发的后端，就是java项目 前面于超老师教了大家学习了 wordpress php项目部署，提供LNMP，交给php-fpm进程去解释执行该源码 jumpserver的core后端 python项目，提供python3环境，即可运行 g ......
vue3使用cesium
1、安装vite-plugin-cesium： npm i -D vite-plugin-cesium 2、 安装cesium： npm i -S cesium 3、vite.config.js中配置如下： import cesium from 'vite-plugin-cesium' plugin ......
Vue 过渡 & 动画
在 Vue 的过渡效果中，.enter-active、.leave-active、.enter 和 .leave-to 是一些预定义的 CSS 类名，用于控制过渡的不同阶段。 .enter-active：表示进入过渡的活动状态。在元素插入到 DOM 中时添加，然后在过渡结束时移除。通过设置此类的样式 ......
Vue的生命周期
Vue的生命周期 vue的生命周期，主要经历了如下几个阶段，分别是 beforeCreate，created，beforeMount，mounted，beforeUpdate，update，beforeDestroy，destroy ，主要由这四对八个组成 主要分为四个流程，创建流程，挂载流程，更新 ......
vue3 相关知识汇总
1 组合式api 和选项式api 1.1 概念 选项式api：用包含多个选项的对象来描述组件的逻辑。 组合式api：组合式api使用导入的API函数来描述组件逻辑。组合式API通常会与<script setup>搭配使用。 1.2 应用场景 选项式api： 不需要使用构建工具 或者低复杂度的场景， ......
Spring Boot学习随笔- JSP小项目-员工管理系统（验证码生成、增删改查）
学习视频：【编程不良人】2021年SpringBoot最新最全教程 第十章、项目开发 实现一个登录注册，增删改查功能的系统 10.1 项目开发流程 需求分析 分析用户主要需求 提取项目核心功能，根据核心功能构建页面原型 库表设计： 分析系统有哪些表 分析表之间关联关系 确定字段 详细设计（流程图、伪 ......
机器学习项目精选 第一期：超完整数据科学资料合集
大噶吼，不说废话，分享一波我最近看过并觉得非常硬核的资源，包括Python、机器学习、深度学习、大模型等等。 1、超完整数据科学资料合集 地址：https://github.com/krishnaik06/The-Grand-Complete-Data-Science-Materials Pytho ......
2023 年活力开源贡献者、开源项目揭晓｜JeecgBoot 成功入选
JeecgBoot 是一个开源的企业级快速开发平台，它成功入选 2023 年度生态开源项目，这是对其十年坚持开源的实至名归的认可。作为一个开源项目，JeecgBoot 在过去的十年里一直秉承着开放、共享、协作的理念，不断推动着开源社区的发展。其成功入选 2023 年度生态开源项目，无疑是对其在开源领 ......
vue-element-ui 日期选择器 前后端联调
前端: <el-col :span="8"> <div class="block"> <el-col :span="4">交接日期</el-col> <el-col :span="1"></el-col> <el-col :span="16"> <el-date-picker style="widt ......
React useEffect 在组件挂载时运行了两次
在使用 useEffect 这个 hook 时，发现useEffect会执行2次 useEffect(() => { console.log("执行 useEffect"); }, []); 控制台输出： 执行 useEffect 执行 useEffect 查看 疑难解答 官方文档，官方解释如下： ......
倾斜摄影三维模型重建的几何坐标变换技术方法浅析
三维工厂K3DMaker是一款三维模型浏览、分析、轻量化、顶层合并构建、几何校正、格式转换、调色裁切等功能专业处理软件。可以进行三维模型的网格简化、纹理压缩、层级优化等操作，从而实现三维模型轻量化。轻量化压缩比大，模型轻量化效率高，自动化处理能力高；采用多种算法对三维模型进行几何精纠正处理，精度高，... ......
一名技术主管应该是创作者
今天看了一本书叫做《黑客与画家》。它里面提到一个很重要的概念就是黑客（优秀的程序员）是一名建筑师，而不是一名工程师。 传统的主管和互联网的Leader 这两者有什么区别呢？关键点在于建筑师是思考做什么，而工程师是思考怎么做的。因此一名优秀的程序员更是一名创作者，而非操作者。 关于技术Leader的定 ......
vue3中的样式为什么加上scoped不生效
<style>标签添加scoped属性时，Vue会自动为该组件内的所有元素添加一个独特的数据属性，例如data-v-f3f3eg9。同时，它也会修改你的CSS选择器，使得它们只匹配带有这个独特数据属性的元素。这样做的目的是为了确保样式只应用于当前组件内的元素，避免影响到其他组件。 然而，当你尝试覆盖 ......
使用React+SpringBoot开发一个协同编辑的表格文档
前言 随着云计算和团队协作的兴起，协同编辑成为了许多企业和组织中必不可少的需求。通过协同编辑，多个用户可以同时对同一个文档进行编辑和更新，从而提高工作效率和协作能力。本文小编就将为大家介绍如何使用React+SpringBoot简单的开发一个协同编辑的表格文档。 环境准备 用到的开发工具： 前端开发 ......
构建实时通信应用：使用.NET和SignalR轻松实现前沿技术
概述：学习.NET中使用SignalR实现实时通信功能。从安装库、创建Hub，到客户端基础功能，一步步构建实时聊天室。深入讲解分组功能，使您能够定向广播消息。简洁实用，助您轻松掌握实现创新Web应用的技能。 SignalR是一个强大的实时通信库，为.NET应用程序提供轻松的实时功能。它支持双向通信， ......