大小 模板vue
linux server Vue 或其它单页面项目站点 nginx 实施部署
# nginx vue 处理前台路由 history 模式刷新 404 的问题 location / { try_files $uri $uri/ /index.html; if ($uri ~* .*\.(?:htm|html)$) { add_header Cache-Control "no-s ......
antd-vue Modal.confirm方法 执行确定事件弹窗没关闭
vue版本：3.4.x antd-vue版本： 4.0.8 原因：是vue更新到3.4.x版本，某些api和antd-vue不兼容 解决方式：将vue版本锁定3.3.4 ......
Vite+Vue3+vite-plugin-style-import 2.0按需引入vant 4组件
首先在项目根目录执以下以命令，安装好必要的组件包： # Vue 3 项目，安装最新版 Vant cnpm i vant # 添加按需引入插件，它的作用是在引入组件库中的组件时支持按需引入，减小打包后代码的体积 cnpm install babel-plugin-import -D # 添加按需引入插 ......
构建 dotnet&vue 应用镜像->推送到 Nexus 仓库->部署为 k8s 服务实践
前面分享了 k8s 的部署安装，本篇来点实操，将会把一个 .net core + vue 的项目（zhontai），打包构建成 docker 镜像，推送到 nexus 镜像仓库，并部署到 k8s 中 ......
VUE3
1、webpack和vite构建vue项目的区别 webpack是先把所有东西准备好再启动服务，vite是先启动服务，再把需要的组件放到服务上。vue官方推荐使用vite构建vue项目。 2、vue项目创建以及启动 到项目目录输入npm create @lastest，接下来按提示输入项目信息 启动 ......
设计模式—行为型模式之模板方法模式
设计模式—行为型模式之模板方法模式 在模板模式（Template Pattern）中，一个抽象类公开定义了执行它的方法的方式模板。它的子类可以按需要重写方法实现，但调用将以抽象类中定义的方式进行。 模板方法（Template Method）包含两个角色： 抽象类/抽象模板（Abstract Clas ......
P4897 【模板】最小割树（Gomory-Hu Tree）
题意 给定一张图，\(q\) 次询问，每次询问两点的最小割。 Sol 最小割树模板题。 考虑去分治一个集合 \(S\)。 每次在里面随便找两个点作为源点和汇点，然后在原图上跑最小割。 然后在残量网络上标记源点集和汇点集。 分别放到两个不同的集合，然后继续分治下去即可。 Code namespace ......
多角度的模板匹配
多角度的模板匹配 背景介绍 熟悉OpenCV的朋友肯定都知道OpenCV自带的模板匹配matchTemplate方法是不支持旋转的，也就是说当目标和模板有角度差异时匹配常常会失败，可能目标只是轻微的旋转，匹配分数就会下降很多，导致匹配精度下降甚至匹配出错。另一个方法是matchShape(形状匹配) ......
uniapp-welive仿微信/抖音直播带货|uni-app+vue3+pinia短视频直播商城
基于uniapp+vue3+uv-ui跨端H5+小程序+App短视频+直播带货商城Uniapp-WeLive。 uni-welive一款全新基于uniapp+vue3+pinia+vk-uview等技术跨端仿制抖音/微信直播带货商城项目。支持沉浸式全屏上下滑动短视频直播，Nvue多视频层级覆盖，支持 ......
vuex报错“Vue3Instance<{}, Readonly<ExtractPropTypes<{}>>, Readonly<ExtractPropTypes<{}>>, {}, {}, true, ComponentOptionsBase”
vuex报错“Vue3Instance<{}, Readonly<ExtractPropTypes<{}>>, Readonly<ExtractPropTypes<{}>>, {}, {}, true, ComponentOptionsBase” 报错信息 [{ "resource": "/D:/g ......
vue常用命令
创建electron+vue项目 安装 Vue Cli npm install -g @vue/cli 创建项目 vue create electron-vue 添加electron模块 vue add electron-builder 运行项目 yarn electron:serve 打包项目 y ......
全栈架构：从0开始，Vue的搭建与开发
文章很长，且持续更新，建议收藏起来，慢慢读！疯狂创客圈总目录 博客园版 为您奉上珍贵的学习资源 ： 免费赠送 :《尼恩Java面试宝典》 持续更新+ 史上最全 + 面试必备 2000页+ 面试必备 + 大厂必备 +涨薪必备 免费赠送 :《尼恩技术圣经+高并发系列PDF》 ，帮你 实现技术自由，完成职 ......
vue 2实战系列 —— 复习Vue
复习Vue 近期需要接手 vue 2的项目，许久未写，语法有些陌生。本篇将较全面复习 vue 2。 Tip: 项目是基于 ant-design-vue-pro ant-design-vue-pro 由于 cms 是基于这个项目开发的，所以笔者就将其下载下来。 下载后运行 // 按照依赖 yarn i ......
页面结构据不同屏幕手机大小进行自适应+底部标签
微信小程序请简单创建一个页面结构，要求页面结构根据不同屏幕手机大小进行自适应。 <!--pages/test/test.wxml--> <view class="tab"> 顶部区域 </view> <view class="content"> 内容区域 </view> <view class="p ......
回溯模板
模板 def backtrack(nums: List[int], track: List[int], res: List[List[int]]): for 选择 in 选择列表: track.append(nums[i])#做选择 backtrack(nums, track, res)#递归 tr ......
算法： 大长方形最多可以放多少个个小的长方形，大小长方形长宽都只有一种
https://www.engineeringtoolbox.com/smaller-rectangles-within-larger-rectangle-d_2111.html function calculateRectangle() { var rw = parseFloat($j('#rw' ......
关于时间太长忘记vue如何启动的问题
1、开启SpringBootApplication项目 2、在vue项目的Teminal处，输入相关命令 vue2 npm run dev vue3 npm run serve 咳咳，写一遍我就不会忘记啦~ ......
【电影推荐系统】Spring Boot + Vue3 前后端分离项目
【电影推荐系统】Spring Boot + Vue3 前后端分离项目 目录【电影推荐系统】Spring Boot + Vue3 前后端分离项目0 前言1 项目前端介绍1.1 项目启动和编译1.1.1 项目启动1.1.2 项目编译1.2 前端技术栈1.3 功能模块前端界面展示1.3.1 基础功能模块1 ......
vue3的ref、reactive、toRef、toRefs
用处：用于在setup中创建响应式变量 导出：import { ref, reactive, toRef, toRefs } from 'vue' 区别： ref 用来定义基础数据类型，String, Number, Boolean, Symbol；通过 Object.defineProperty( ......
vue改错总结
vue表单和表格一起使用的时候，表格里非编辑框不再使用v-model进行双向数据 绑定，当tabledatase的数据发生变化时候，会自动渲染新的数据，但是可便捷table单元格需要用到插槽技术，当更新name的时候才会 自动渲染 <template> <div> <el-form :model=" ......
前端环境搭建到创建vue项目运行
整体流程 1.安装 nvm 管理工具,用于管理 node 的版本方便 node 版本的切换 a.下载 nvm 1.官方下载地址:https://github.com/coreybutler/nvm-windows/releases 2.备用下载地址:https://xiaocai1688.lanzo ......
ES6之模板字符串
<script> //类型也是字符串类型 let str = `这是一个模板字符串`; //可以换行(普通字符串换行需要使用引号和加号拼接) let str2 = `<ul> <li></li> <li></li> <li></li> <li></li> <li></li> </ul>`; //可以 ......
如何使用H+模板
首先在idea中创建自己的项目，我创建的是java maven项目，命名textdemo 在idea中打开H+模板，将css、fonts、img、js、plugins复制到textdemo的web文件夹下 在textdemo中的web文件夹下新建index.html，将H+中index.html的所 ......
在vue中使用router时所需要的配置
router.js import { createRouter, createWebHistory } from 'vue-router'; //2. 定义路由组件 import Home from "../views/Home.vue" import Login from "../views/Lo ......
const static 统一定义buffer大小
#include <iostream> #include <string> using namespace std; #include <stdint.h> #include <stdio.h> #include <stdlib.h> typedef uint32_t u32; typedef ui ......
修改vue-element-admin的登录逻辑
<template> <div class="login-container"> <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" autocomplete="on" label-po ......
【vue】,封装的table组件，table表格超出高度自适应滚动效果，设置页面全局统一自适应高度
需求背景：为了使后台页面的 table 列表页面始终保持统一的高度，无论我们的列表数据有多少都只占一个屏幕的高度，如果 table 表格的数据太多，只滚动table 表格的数据，页面高度保持不变；使用 window.onresize 监听浏览器的高度： // tableHeight: 为 el-ta ......
结合 element -Plus组件库，压缩图片大小，限制图片格式
业务背景：业务上需求满足上传的图片不能太大，但是有时候上传的图片确实超过了限制大小，所以前端这边可以将图片压缩再上传，亦或者是上传给后端接口的图片只能是指定格式，我们前端需要将图片后缀转化，也可以处理！封装的使用方法如下：使用 canvas 对图片进行压缩处理： /* * 压缩图片 * param ......
对于第三方接口调用的模板
1.需要一个基础的Controller，用于读取配置文件里面的信息，比如第三方地址等，还有生成一个HttpPost,用于调用 public class BaseController { /* * appId(对应第三方系统的appId) */ @Value(otherSystem.appId) pr ......