tailwindcss项目vue
vue3 移动端 实现树形结构 tree
实现效果： ) 版本号： 1、需求是支持全选功能，网上找了许多 这里做个记录 这里使用的是vue-virtual-tree 感觉作者写的很详细 可以跳转查看 git地址 2、使用方法 （1）npm i @ysx-libs/vue-virtual-tree （2）main.js中引入 import ' ......
【STM32】库函数开发项目模板
1. 下载固件库 官方网址：https://www.st.com 工具与软件 -> 嵌入式软件 -> 安全微控制器软件 -> 微控制器软件 -> STM32微控制器软件 -> STM32标准外设软件库 直达链接：https://www.st.com/zh/embedded-software/stm3 ......
新建小程序项目
1、 2、在打开的项目下右键选择 在外部终端窗口中打开 然后 npm init 然后全部回车 3、安装vants npm i @vant/weapp -S --production npm i miniprogram-sm-crypto --production 4. 修改 app.json 将 a ......
项目http请求部署到线上被自动转换为了https请求导致获取不到资源
静态资源路径应该是http开头，访问的时候变成了https开头，导致找不到资源。 原因是index.html的一项默认配置，注释掉就好了 ......
vue keepAlive 三级菜单缓存
需求：缓存跨二级三级菜单。 原来项目是二级路由，现在增加一个层级。这种情况菜单展示是没有问题的，只是新的三级菜单不能缓存。 1.搭建框架 2.使用keepAlive --include <keep-alive :include="keepAliveList"> <router-view :key=" ......
开源项目的演进会遇到哪些“坑”？KubeVela 从发起到晋级 CNCF 孵化的全程回顾
作者：孙健波、曾庆国 2023 年 2 月，**KubeVela [ 1] ** 经过全体 ToC 投票成功进入 CNCF Incubation，是云原生领域首个晋级孵化的面向应用的交付和管理平台。KubeVela 背后的核心理念是 2019 年阿里云和微软联合发布的开放应用模型（OAM），演变至今 ......
SAP ABAP BAPI_ACC_DOCUMENT_POST创建会计凭证常见错误：1.借贷不平衡；2.FI/CO接口:多次输入的行项目
解决办法： 1.多次行项目 检查是否指定itemno_acc行项目，如果指定了，要检查每个行项目是否+1 2.借贷不平衡 检查是否传入记账码，如果记账码正确，检查金额是否为一正一负 ......
为vue程序多环境部署设置动态路由
问题的提出 Vue前端+springboot后端的开发架构很普遍，一般最终以war的形式部署到tomcat中运行。 笔者在开发、测试、部署时，由于环境不一致，需要不断改变vue前端的配置，导致一些不必要的重复工作。具体见下表， 运行环境 web服务器 前端访问后端的路径 开发时 vue采用ide自带 ......
react项目中state和useState
1. 在类组件中，数据保存在state中，更新数据使用setState setState有两种用法 函数式 state={ count:0 } ... setState(state=>(count:state.count+1)) 对象式 state={ count:0 } ... setState( ......
vue3+ts的toRef和toRefs用法
<template> <div> <h2>toRefs的使用</h2> <h3>姓名:{{ obj.name }}</h3> <h3>年龄:{{ obj.age }}</h3> <hr /> <h3>姓名:{{ name }}</h3> <h3>年龄:{{ age }}</h3> </div> </ ......
Qt 优秀开源项目 SARibbon
这是Qt（最低要求Qt5，支持C++11的编译器）下一个轻量级的Ribbon控件(Office样式UI),界面截图： 编译方法 使用Qt Creator直接打开SARibbon.pro，并编译即可，会编译出SARibbonBar库和一个（目前只有一个例子）例子，lib和例子的目录位于bin_qt{Q ......
vue-router往router component传props如果是named-views的话必须为每个named-view都定义props
在ssr改造时发现往Index.vue传props死活传不了，组件是named-view。 { path: 'list/:page', meta: { isGoodsList: true }, components: { default: () => import('pages/Index.vue' ......
Vue2可以检测 引用数据类型 数组的响应式变化
在Vue2中，响应式基于Object.defineProperty实现的响应式，官方文档中明确说明 Vue 不能检测以下数组的变动： 当你利用索引直接设置一个数组项时，例如：vm.items[indexOfItem] = newValue 当你修改数组的长度时，例如：vm.items.length ......
操作系统"UNIX外壳项目"：简易命令行实现（执行命令+历史功能）
运行环境Ubuntu-Linux 代码如下： 1 #include <unistd.h> 2 #include <string.h> 3 #include <stdio.h> 4 #include <wait.h> 5 #include <stdlib.h> 6 #define MAX_LINE 8 ......
Qt 优秀开源项目 Qt-Advanced-Docking-System
这个项目的原作者是mfreiholz，但是已经6年没更新，githubuser0xFFFF将该项目fork之后，一直维护到现在，这应该算是开源界的接力了。如果你还在项目Visual studio的酷炫docking效果，那么不妨试试这款加强版的QDockWidget。 目前支持Qt5和Qt6，我在最 ......
Vue Hls m3u8 视频/直播
Hls m3u8 视频/直播 涉及知识：Vue hls m3u8 乐橙云 大华摄像头 Vue2 实时显示大华摄像头画面 安装依赖 "vue": "^2.6.11", "video.js": "^5.19.1 || ^6.2.0", "videojs-contrib-media-sources": " ......
Tomcat启动JSP项目，搞起来了
虽然有点复古，但是还是有很多小伙伴在使用的，小编来一篇保姆级教程 1、用idea打开jsp项目 2、添加tomcat配置 3、点击后会出现配置框,这里画框的地方都选上，版本选择1.8，其他的信息内容默认后，点击确认 4、点击 File->Project Structure,弹出界面选择Project ......
软著帮手-遍历项目中所有的文件输出项目所有的代码以及代码行数
package com.example.demo; import java.io.BufferedReader; import java.io.File; import java.io.FileReader; public class Test { static int count =0; publ ......
实战项目-美多商城(四)商品
电商概念: SPU 和 SKU - SPU(Standard Product Unit): 标准产品单位 - 可以理解为: 就是'类对象' - 比如'iPhone X' - SKU(Standard Keeping Unit): 库存量单位 - 可以理解为: 就是'类实例对象' - 比如'iPhon ......
centos7 中使用 express 并启动项目
因为之前window安装了 express，所以采用，直接将express项目传到 linux中 步骤如下： Express工程环境准备 npm install express -g npm install express-generator -g 生成项目 express projectName ......
vue3中如何通过遍历传入组件名称动态创建多个component 组件
背景 在 vue3 中，如果使用 component，可以动态加载一个组件，例如 <!-- 直接创建 --> <component :is="Image" /> 这样会将已经定义好并导入的比如 Image 组件加载出来，但是如果将需要展示的自定义组件放在一个数组中，遍历展示，则无法展示成功。 <!- ......
直播app开发搭建，Vue如何绑定一个每两秒生成的随机数
直播app开发搭建，Vue如何绑定一个每两秒生成的随机数 1、封装范围内随机整数 // 把随机数公式进行封装// 1. 准备一个函数, 接受几个参数// 两个参数, 分别是 a 和 bfunction randomNum(a, b) { // 2. 判断一下两个数字的大小关系 var max = M ......
Vue之移动端viewport-vw适配
一、前置知识 vw：与视口的宽度有关，1vw 就是视口宽度的 1% vh：与视口的高度有关，1vh 就是视口高度的 1% vmin：与当下视口的宽度和高度的最小值有关，取值为 vw 和 vh 中较小的那个 vmax：与当下视口的宽度和高度的最大值有关，取值为 vw 和 vh 中较大的那个 vmin ......
从0搭建Vue3组件库(七):使用 glup 打包组件库并实现按需加载
使用 glup 打包组件库并实现按需加载 当我们使用 Vite 库模式打包的时候,vite 会将样式文件全部打包到同一个文件中,这样的话我们每次都要全量引入所有样式文件做不到按需引入的效果。所以打包的时候我们可以不让 vite 打包样式文件,样式文件将使用 gulp 进行打包。那么本篇文章将介绍如何 ......
flask项目部署后，网站访问速度很慢
在使用阿里云服务器部署完flask项目后，实际访问网站发现网站加载速度慢 问题分析： 打开开发者工具-网络，发现echarts文件及其3D库加载时间过长，页面空白时间长，用户等待时间长，如下图 解决办法： 1、利用CDN内容分发网络使用户根据自己网络的特点更快、更稳定地访问到节点服务器中的资源，从而 ......
pycharm如何刷新项目文件
pycharm如何刷新项目文件 比如项目在运行后会生成测试报告html文件，但是在代码运行完后没有立即出现，此时就需要刷新项目文件。下面是没有出现文件时的项目截图 可以在pycharm的View中点击Appearance勾选Toolbar，下图是勾选后的状态 勾选后会出现工具栏，工具栏中会有一个刷新 ......
Vue-示例
计数器 <div id="counter"> <button @click="subOne">-</button> <span>{{num}}</span> <button @click="addOne">+</button> </div> <script src="https://cdn.jsde ......