图标 项目vue2 vue

vue3 表单封装遇到的一个有意思的问题

前言 最近在用 vue3 封装 element 的表单时遇到的一个小问题,这里就简单记录一下过程。话不多说直接上代码!!! 正文 部分核心代码 import { ref, defineComponent, renderSlot, type PropType, type SetupContext } ......
表单 问题 vue3 vue

vue3 vue-cropper实现图片裁剪+上传功能(组件封装使用)

效果(CV 即用) 1.安装引入 vue-cropper(官网)官网地址 npm install vue-cropper@next import 'vue-cropper/dist/index.css' import { VueCropper } from "vue-cropper"; 2. 全局引 ......
vue-cropper 组件 vue cropper 功能

一款神仙级SpringCloud微服务开源项目,接私活吊到不行!(附源码)

一个由商业级项目升级优化而来的微服务架构,采用SpringBoot 2.7 、SpringCloud 等核心技术构建,提供基于React和Vue的两个前端框架用于快速搭建企业级的SaaS多租户微服务平台。 ......
私活 SpringCloud 神仙 源码 项目

【源码系列#05】Vue3响应式原理(Ref)

proxy 只接受对象入参,所以我们需要 ref 来解决值类型的数据相应。如果传入 ref 的是一个对象,内部也会调用 reactive 方法进行深层响应式转换 ......
源码 原理 Vue3 Vue Ref

vue图片由小放大

原生效果 <template> <div> <transition> <img :src="imageUrl" class="image" /> </transition> </div> </template> <script> import imageUrl from "../assets/bac ......
图片 vue

vue3 setup函数之数据

setup中定义方法: export default { name: 'App', setup(){ //定义方法 function edit() { } return { //方法与数据,必须要返回出去,不然不起作用。 edit } } } setup中ref函数定义基本数据类型与对象数据类型: ......
函数 数据 setup vue3 vue

gradle构建项目时碰到的问题

问题1: Exception in thread "main" java.io.IOException: Downloading from https://services.gradle.org/distributions/gradle-8.4-all.zip failed: timeout (10 ......
项目 gradle 问题

vue强制横屏

<template> <div id="gyroContain">111</div> </template> <style> @media screen and (orientation: portrait) { html { width: 100vmin; height: 100vmax; } b ......
vue

招贤令:一起来搞一个新开源项目

我想搞一个新的开源项目,想邀请同道中人一起来搞。目标是做一个探针式监控采集器,使用 Go 语言编写,欢迎感兴趣的朋友一起来搞。 名词解释 探针式监控采集器,这里的探针式是啥意思? 这是我的个人叫法,监控数据采集器姑且可以分成两种,一种是本地式,部署到要监控的目标机器上,采集 CPU、内存、磁盘、IO ......
项目

Vue3自定义一个Hooks,实现一键换肤

核心 使用 CSS 变量, 准备两套 CSS 颜色, 一套是在 light 模式下的颜色,一套是在 dark 模式下的颜色 dark 模式下的 CSS 权重要比 light 模式下的权重高, 不然当我们给 html 添加自定义属性[data-theme='dark']的时候, dark 模式权重比 ......
Hooks Vue3 Vue

vue+three,粒子星空

直接贴进去就可以用。 <template> <div id="container"></div> </template> <script> //引入three import * as THREE from 'three' //引入控制器 import { OrbitControls } from ' ......
粒子 星空 three vue

SpringMVC 项目集成 PageOffice V6 最简单代码

本文描述了PageOffice产品在SpringMVC项目中如何集成调用。 新建SpringMVC项目:pageoffice6-springmvc-simple 在您项目的pom.xml中通过下面的代码引入PageOffice依赖。pageoffice.jar已发布到Maven中央仓库 (opens ......
PageOffice SpringMVC 代码 项目 V6

springboot项目中application.properties无法变成小树叶问题解决

1.检查我们的resources目录的状态,看看是不是处在普通文件夹的状态,如果是的话,我们需要重新mark一下 右键点击文件夹,选择mark directory as → resources root 此时我们发现配置文件变成了小树叶 2.如果执行了上述方法还是不行的话,可以尝试重新指定配置文件, ......

vue通过elementUI组件实现图片预览效果 点击按钮后触发

<el-image ref="elImage" style="width: 0; height: 0;" :src="bigImageUrl" :preview-src-list="logicImageList"></el-image> detialClick(img) { this.$nextTi ......
组件 elementUI 按钮 效果 图片

支持热重载的svg生成iconfont字体图标插件

【转】https://www.jianshu.com/p/909c9bd34e39 前言 之前生成iconfont字体图标,是用的https://icomoon.io/app/ 或者是阿里的https://www.iconfont.cn/ ,将UI给的svg图导入来生成。但是一直有个问题,假如需要再 ......
图标 插件 iconfont 字体 svg

工程项目 打包自动生成zip文件

项目背景:vue-cli3 1.引入plugin 压缩文件插件 const FileManagerPlugin = require('filemanager-webpack-plugin') // 压缩文件夹 const packageName = 'dist' //压缩文件名 2.使用 modul ......

助力项目快捷实现国际化,造个多语言轮子

前段时间跟同事吹水聊天时,吐槽一个话题,就是公司项目都需要做多语言,前端后端都需要做。 而且是需要支持8国语言翻译,每次弄起来都特麻烦,每加一个Key就需要去翻译其他7个语言出来添加,每新增一个项目就需要弄一遍多语言资源,重复且枯燥费时的体力活。 项目想法 本项目主打一个一处配置多语言,多处使用的想 ......
轮子 项目 国际

C#/.NET/.NET Core优秀项目和框架2023年12月简报

前言 公众号每月定期推广和分享的C#/.NET/.NET Core优秀项目和框架(公众号每周至少推荐两个优秀的项目和框架当然节假日除外),公众号推文有项目和框架的介绍、功能特点以及部分功能截图等(打不开或者打开GitHub很慢的同学可以优先查看公众号推文,文末一定会附带项目和框架源码地址)。注意:排 ......
简报 NET 框架 项目 Core

fastapi项目 05-数据库一对一,一对多

表之间一对一关系,父表类中通过 relationship() 方法来引用子表的类集合,在子表类中通过 foreign key (外键)引用父表类。如下示例。 from sqlalchemy.ext.declarative import declarative_base from sqlalchemy ......
一对一 fastapi 数据库 项目 数据

react+antd-mobile+vite移动端H5前端项目

React+antd-mobile+vite ($\color{red} {注意:} $)待解决问题 (1)高版本路由第一次切换tab跳路由会出现闪烁,路由切换会延迟导致tab无法触发active(预计和缓存组件不更新路由参数有关) (2)使用ReactDOM.createRoot实例化项目,在结合 ......
前端 antd-mobile 项目 mobile react

ASR项目实战-交付过程中遇到的内核崩溃问题

当前参与交付的语音识别产品服务,算法模块基于经典的Kaldi,算法中的一部分运行在GPU之上。 算法团队采用的是声学模型+语言模型的1-pass方案。这个方案的特点在于,语言模型数据文件(HCLG文件)的大小,和训练语料的丰富程度正相关,即语言文本的语料越多,经过训练、转换后得到的语言模型文件越大。 ......
内核 实战 过程 项目 问题

在vue项目中使用TailwindCSS

在vue项目中使用 创建vue项目 pnpm create vue@latest 安装Tailwind CSS 安装及其对等依赖,然后生成tailwind.config.js和postcss.config.js文件 pnpm install -D tailwindcss postcss autopr ......
TailwindCSS 项目 vue

Vue封装插件

vue插件开发文档:https://cn.vuejs.org/guide/reusability/plugins.html 提前准备 需要安装vue-cli-service 可以通过以下命令安装需要的vue包 如何安装vue-cli-service - Python技术站 (pythonjishu. ......
插件 Vue

vue3+vant+vite移动端H5前端项目

vue3+vant4 项目地址 vue项目演示 react项目演示 react项目代码:react项目代码 环境版本 nuc 16.10.9 (ncu -u) nvm 1.1.11 node 20.0.0 npm 9.6.4 项目重要知识点 1. 采用 vue3 + vite + pinia 2.可 ......
前端 项目 vue3 vant vite

人脸识别系统【从0到1完成一个小项目】【3】环境搭建

1.安装anaconda 也可以使用本地环境,使用虚拟环境的的目的建立一个个分区,将不同项目使用的python库分开,避免相互干扰 2.下载安装包 https://mirrors.tuna.tsinghua.edu.cn/anaconda/archive/ 3.双击文件进行安装 4.点击next 5 ......
人脸 环境 项目 系统

项目国际化的难点痛点是什么

如果没有相关经验的,经常会以为国际化只有词条相关工作项,这就是第一个坑点:工作量的评估过于乐观,遗漏其他工作项。 但当你真正去开发一个国际化项目后,你会发现,国际化的难点、痛点、坑点远不止表面看到的这些,尤其是后期维护,痛点更大。 相反,词条工作可能都是最轻松的工作了,因为圈子里有各种各样的自动化脚... ......
痛点 难点 项目 国际

SpringBoot:优化项目打包大小的方法

https://blog.csdn.net/qq_44973159/article/details/130106544 瘦身SpringBoot:优化项目打包大小的方法1、打jar包的痛点2、瘦身思路3、开始打包4、如何启动项目1、打jar包的痛点现有的应用开发中,不论是单体架构、微服务架构,如果项 ......
SpringBoot 大小 方法 项目

java spring boot 的web项目中,url忽略大小写

默认情况下,请求的url必须跟我们配置的url大小写一致。 但是通过下面的方式,就可以忽略,大小写均可,使用起来更灵活。 要使 Spring Boot 的 Web API 项目忽略 URL 的大小写,你可以通过自定义配置来实现。以下是一种常见的方法: 创建一个配置类,并在其中注册一个 WebMvcC ......
大小 项目 spring java boot

写留言板接口项目时遇到的问题:timestamps拼写错误导致的乌龙

今天编写留言板项目时,在测试提交留言接口时出现了bug:提交完留言之后,留言已经存入数据库中,但是界面并没有显示 与此同时,vue控制台还出现了这样的报错 百度之后发现是 日期工具函数 date-fns 出现了问题 这里使用 date-fns 定义了有一个函数,功能是将传递过来的日期数据,转换成规定 ......
乌龙 timestamps 留言板 接口 错误

Vue3使用vue-video-player组件

1.安装依赖(亲测5.0.1版本可用,最新版本会找不到'vue-video-player/src/custom-theme.css'这个样式) yarn add vue-video-player@5.0.1 2.main.js里增加以下代码 1 import VideoPlayer from 'vu ......
vue-video-player 组件 player video Vue3
共11000篇  :11/367页 首页上一页11下一页尾页