项目uniapp vite vue3
Angular | 项目配置（angular.json、envrionment、proxy、tailwind）（三）
1.angular.json 和 package.json 配置部分详解 angular.json 是angular 项目的一些默认的配置，包括不限于运行命令、打包配置、unit test 配置 package.json 是node 项目的npm 包管理文件，但其中会涉及到一些angualr ......
# vue3 插槽 slot 使用
vue3 插槽 slot 使用 在 Vue3 中，插槽（slot）是一种重要的组件复用和内容分发机制。通过使用插槽，可以让组件更加灵活和具有可复用性，在不同的地方渲染不同的内容，同时保证相同的样式。 插槽资料 官网介绍：https://cn.vuejs.org/guide/components/sl ......
项目部署学习笔记（一）—— 建站准备
一、简介 项目部署是指将软件、应用程序或系统从开发环境转移到目标环境的过程。在项目开发完成后，为了让其能够在实际运行环境中正常工作，需要将项目部署到生产环境或目标环境中。这个过程通常涉及将项目的源代码、数据库、配置文件和其他必要的资源复制到目标服务器或设备，并进行必要的安装、配置和测试工作，确保项目 ......
uniapp实现背景颜色跟随图片主题色变化（多端兼容）
最近做 uniapp 项目时遇到一个需求，要求模仿腾讯视频 app 首页的背景颜色跟随 banner 图片的主题颜色变化，并且还要兼容 H5、APP、微信小程序三端。 由于项目的技术栈为 uniapp，所以以下使用 uni-ui 的组件库作为栗子。 需求分析 腾讯视频 app 效果如下： 从上图看出 ......
vue3 表单封装遇到的一个有意思的问题
前言 最近在用 vue3 封装 element 的表单时遇到的一个小问题，这里就简单记录一下过程。话不多说直接上代码！！！ 正文 部分核心代码 import { ref, defineComponent, renderSlot, type PropType, type SetupContext } ......
vue3 vue-cropper实现图片裁剪+上传功能（组件封装使用）
效果（CV 即用） 1.安装引入 vue-cropper（官网）官网地址 npm install vue-cropper@next import 'vue-cropper/dist/index.css' import { VueCropper } from "vue-cropper"; 2. 全局引 ......
一款神仙级SpringCloud微服务开源项目，接私活吊到不行！(附源码)
一个由商业级项目升级优化而来的微服务架构，采用SpringBoot 2.7 、SpringCloud 等核心技术构建，提供基于React和Vue的两个前端框架用于快速搭建企业级的SaaS多租户微服务平台。 ......
【源码系列#05】Vue3响应式原理（Ref）
proxy 只接受对象入参，所以我们需要 ref 来解决值类型的数据相应。如果传入 ref 的是一个对象，内部也会调用 reactive 方法进行深层响应式转换 ......
uniapp使用uni.uploadFile上传单文件内容
在uniapp中使用文件上传，一般使用uni.uploadFile，下面是一个单文件上传案例 uni.uploadFile({ url: uploadUrl, name: "file", // 上传的file的名称 formData: formData, // 除了文件内容的其他需要formdata ......
vue3 setup函数之数据
setup中定义方法： export default { name: 'App', setup(){ //定义方法 function edit() { } return { //方法与数据，必须要返回出去，不然不起作用。 edit } } } setup中ref函数定义基本数据类型与对象数据类型： ......
gradle构建项目时碰到的问题
问题1: Exception in thread "main" java.io.IOException: Downloading from https://services.gradle.org/distributions/gradle-8.4-all.zip failed: timeout (10 ......
招贤令：一起来搞一个新开源项目
我想搞一个新的开源项目，想邀请同道中人一起来搞。目标是做一个探针式监控采集器，使用 Go 语言编写，欢迎感兴趣的朋友一起来搞。 名词解释 探针式监控采集器，这里的探针式是啥意思？ 这是我的个人叫法，监控数据采集器姑且可以分成两种，一种是本地式，部署到要监控的目标机器上，采集 CPU、内存、磁盘、IO ......
Vue3自定义一个Hooks，实现一键换肤
核心 使用 CSS 变量, 准备两套 CSS 颜色, 一套是在 light 模式下的颜色,一套是在 dark 模式下的颜色 dark 模式下的 CSS 权重要比 light 模式下的权重高, 不然当我们给 html 添加自定义属性[data-theme='dark']的时候, dark 模式权重比 ......
uniapp使用富文本组件editor获取不到data内数据的问题
vue2 在使用 uniapp 官方提供的 editor 富文本编辑器组件时，代码需求需要获取到富文本组件内的输入值并通过接口发送给后端，在editorContext.getContents内无论如何都无法将获取到的输入值存入data(){}内，最后通过修改this指向成功获取。 ......
SpringMVC 项目集成 PageOffice V6 最简单代码
本文描述了PageOffice产品在SpringMVC项目中如何集成调用。 新建SpringMVC项目：pageoffice6-springmvc-simple 在您项目的pom.xml中通过下面的代码引入PageOffice依赖。pageoffice.jar已发布到Maven中央仓库 (opens ......
springboot项目中application.properties无法变成小树叶问题解决
1.检查我们的resources目录的状态，看看是不是处在普通文件夹的状态，如果是的话，我们需要重新mark一下 右键点击文件夹，选择mark directory as → resources root 此时我们发现配置文件变成了小树叶 2.如果执行了上述方法还是不行的话，可以尝试重新指定配置文件， ......
工程项目 打包自动生成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很慢的同学可以优先查看公众号推文，文末一定会附带项目和框架源码地址）。注意：排 ......
fastapi项目 05-数据库一对一，一对多
表之间一对一关系，父表类中通过 relationship() 方法来引用子表的类集合，在子表类中通过 foreign key (外键)引用父表类。如下示例。 from sqlalchemy.ext.declarative import declarative_base from sqlalchemy ......
uniapp的app苹果应用商店上架最简教程
除了测试版本之外，uniapp打包好的ipa文件是无法直接安装在普通用户的手机上面，这是苹果的证书和描述文件的机制的原因。 因此我们需要将打包好的ipa文件上架到苹果应用商店，也就是app store。 下面我整理了一篇全程不需要mac os电脑参与的上架苹果应用商店的教程。 教程的第一步，首先需要 ......
react+antd-mobile+vite移动端H5前端项目
React+antd-mobile+vite ($\color{red} {注意：} $)待解决问题 （1）高版本路由第一次切换tab跳路由会出现闪烁,路由切换会延迟导致tab无法触发active(预计和缓存组件不更新路由参数有关) （2）使用ReactDOM.createRoot实例化项目，在结合 ......
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 ......
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.可 ......
人脸识别系统【从0到1完成一个小项目】【3】环境搭建
1.安装anaconda 也可以使用本地环境，使用虚拟环境的的目的建立一个个分区，将不同项目使用的python库分开，避免相互干扰 2.下载安装包 https://mirrors.tuna.tsinghua.edu.cn/anaconda/archive/ 3.双击文件进行安装 4.点击next 5 ......
Vite配置了proxy，查看代理接口地址
开发环境VIte配置了proxy，在控制台看不到实际请求的URL 可以在proxy使用byPass() 因为无法将其添加到请求头中，使用加到响应头方便查看 '/api': { target: env.VITE_NODE_ENV 'prod' ? 'https://***.com' : `https: ......
项目国际化的难点痛点是什么
如果没有相关经验的，经常会以为国际化只有词条相关工作项，这就是第一个坑点：工作量的评估过于乐观，遗漏其他工作项。
但当你真正去开发一个国际化项目后，你会发现，国际化的难点、痛点、坑点远不止表面看到的这些，尤其是后期维护，痛点更大。
相反，词条工作可能都是最轻松的工作了，因为圈子里有各种各样的自动化脚... ......
SpringBoot：优化项目打包大小的方法
https://blog.csdn.net/qq_44973159/article/details/130106544 瘦身SpringBoot：优化项目打包大小的方法1、打jar包的痛点2、瘦身思路3、开始打包4、如何启动项目1、打jar包的痛点现有的应用开发中，不论是单体架构、微服务架构，如果项 ......