项目vue3 vue
vue3 标题组件
<template> <div class="header_body"> <div class="header_inner"> <div class="title_line"></div> <el-row class="titleBodyComl"> <div class="icon"> <div ......
多工序多基地钢铁铁前数字智能协同制造项目案例
本项目案例后台采用.NET6(C#)开发，前端采用React&React Native，数字孪生采用3DMAX&U3D。综合运用“物、大、智、云、移”技术，采用云-边-端工业互联网架构，设备端基于工业传感器和物联网保障动态感知，边缘侧基于工艺机理、专家知识、数据科学等多种技术手段实现工况诊断，大数据... ......
我的vue cli安装
1 配置npm镜像仓库 npm config set registry https://registry.npm.taobao.org npm config set disturl Node.js Mirror ......
Vue购物车一些参考
1. 子组件给父子件传参 然后循环2 v -for = "(sel,selindex) in selectalls" 括号中间逗号3. 给数据的每个对象插入属性值 vm.$data.all.map(item => { vm.$set(item, 'selectNum', 0) vm.$set(ite ......
Vue快速入门
Vue是一套用于构建用户界面的渐进式框架（可由简单到复杂进行使用）。 MVVM响应式编程模型，避免直接操作DOM，降低DOM操作的复杂性。 MVVM编程思想（数据与页面的双向绑定） ......
在eclipse中拖动项目到Tomcat服务器中报错：Project facet Java version 16 is not supported.解决办法
  .then((response) => response.blob()) ......
映客马甲包项目沉淀
一、立项 映客业务遇到瓶颈，能守好自己的护城河已经很难，但是产品团队得找方法实现增长。按产品的原话说：在这种业务上，不进就等于倒退，最后慢性死亡。 想要用户增长，就得不断获取新用户，而这种体量的APP投放广告获取用户的成本是巨大的，人均100+了，为了能降低获取用户的成本，立项了映客的马甲包项目。 ......
通过.NET Core+Vue3 实现SignalR即时通讯功能
.NET Core 和 Vue3 结合使用 SignalR 可以实现强大的实时通讯功能，允许实时双向通信。在这个示例中，我们将详细说明如何创建一个简单的聊天应用程序，演示如何使用 .NET Core SignalR 后端和 Vue3 前端来实现实时通讯功能。 步骤1：准备工作 确保你已经安装了以下工 ......
SpringBoot项目集成MYSQL+Mybatis-Plus步骤
1、引入maven <dependency> <groupId>com.baomidou</groupId> <artifactId>mybatis-plus-boot-starter</artifactId> <version>3.5.2</version> </dependency> <depe ......
Vue网站发布到iis后提示404页面不可访问
参考：https://www.cnblogs.com/yhnet/p/14804869.htmlvue重定向和跨域配置：https://zhuanlan.zhihu.com/p/5306882511.安装组件：URL Rewrite：https://www.iis.net/downloads/mic ......
当多个使用弹窗类组件，可使用这种方式封装组件。（以下使用antd-vue、vue3）
1.代码 点击查看代码 <template> <slot :openDialog="openDialog" :closDialog="modalCancel"></slot> <a-modal v-model:open="open" title="Basic Modal" @cancel="moda ......
AntDesignBlazor示例——新建项目
本示例是AntDesign Blazor的入门示例，在学习的同时分享出来，以供新手参考。 1. 开发环境 VS2022 17.8.2 .NET8 AntDesign 0.16.2 2. 学习目标 创建新项目 安装AntDesign组件包及使用方法 添加按钮测试组件 3. 演练步骤 打开VS2022， ......
2-7 内置模块和项目规范
概要： 内置模块 json time datetime re 开发规范 主文件 配置文件 数据 1. 内置模块 1.1 json json模块，是python内部的一个模块，可以将python的数据格式 转换为json格式的数据，也可以将json格式的数据转换为python的数据格式。 json ......
1、vue初体验
1、在页面上引用 vue.mim.js 文件，有个 min 的是压缩的意思。 <script tppe="../vue.min.js"></script> 2、在页面上添加 div 元素 <div id="showPage"> <h1> 系统名称:{{ title }} </h1> <ul> <li ......
CentOS安装node环境，并编译前端项目
https://www.jianshu.com/p/a0e0311d6259 1.centos安装node环境 1.下载nodejs最新的tar包 可以在下载页面https://nodejs.org/en/download/中找到下载地址。然后执行指令 $ wget https://nodejs.o ......
vue关于自定义指令
私有自定义指令（在与data()同级结构中进行配置） // 私有自定义指令的节点 directives: { // 定义名为color的指令，指向一个配置对象 color: { // 当指令第一次被绑到元素上的时候，会立即触发bind函数,只会调用一次 // 形参中的el表示当前指令所绑定到的那个d ......
Dokcer + nginx + Gitee Go 实现一键化部署你的项目
- 什么是 CICD 是指持续集成、持续发布，是⼀套实现软件的构建测试部署的⾃动化流程。 什么是 DevOps ⼀词是由英⽂ Development（开发）和 Operations （运维）组合⽽成 ⼀种思想，强调软件开发测试运维的⼀体化，减少各个部⻔之间的沟通成本从⽽实现软件的快速⾼质 ᰁ 的发布 ......
大屏项目的搭建心得，使用img的填充模式来实现大屏自适应。
借鉴了图片的两种填充模式 cover 和 contain 文档介绍 https://developer.mozilla.org/zh-CN/docs/Web/CSS/object-fit contain: 被替换的内容将被缩放，以在填充元素的内容框时保持其宽高比。整个对象在填充盒子的同时保留其长宽比 ......
Vue 项目配置自动更新，自动刷新页面
今天用户反馈使用页面的时候，有时候点击没反应，排查下来，是因为发布版本的时候，用户那边没有加载最新的文导致的，然后根据思路，做了这个自动更新的功能 效果预览 http://demo.webwlx.cn/#/update 实现思路 1. 把当前版本的编译时间，通过环境变量的方式保存起来 打开 vite ......
vite plugin项目优化汇总
前端项目性能优化和开发体验优化是无法避免的一个话题，在之前使用 webpack 做应用构建的时候，有许多手段和插件来做优化。当使用 vite 构建应用时也有许多插件来做优化，本文对 vite 的优化插件或方法做下汇总。 一、打包性能优化 1. html 处理 vite-plugin-html vit ......
项目冲刺D1
成员分配任务 学号 姓名 工作 20211111 刘海涛 数据库 20211117 祁昱霖 功能整合 20211105 李宜时 前端设计 20211121 杨博川 数据库链接 20211126 李浩瑞 后端设计 今日任务 学号 姓名 工作 20211111 刘海涛 项目环境配置于IDEA，MUSQL ......
夜莺项目发布 v6.4.0 版本，新增全局宏变量功能
大家好，夜莺项目发布 v6.4.0 版本，新增全局宏变量功能，本文为大家简要介绍一下相关更新内容。 全局宏变量功能 像 SMTP 的配置中密码类型的信息，之前都是以明文的方式在页面展示，夜莺支持全局宏变量之后，可以在变量管理配置一个 smtp_password 的密码类型的变量，在 SMTP 配置页 ......
vue3页面中，两个相同组件，一个卸载，一个挂载，后展示的组件事件监听不生效？
场景：在实际开发中，遇到了这样一种场景，vue3页面，两个相同组件，在满足某条件下展示第一个组件，满足另一个条件下，隐藏第一个组件，同时展示第二个组件，比如反馈组件，会通过 window.addEventListener 来监听自定义的反馈弹窗展示和隐藏事件。 结果：两个相同组件一个卸载，一个挂载， ......
关于vue中的动态组件component和keep-alive
component标签是vue内置的，作用：组件的占位符 <component is="组件名称"></component> 其中is属性的值表示要渲染的组件的名字，也就是components节点下的组件名称 当我们动态切换组件名称时，每切换一次，组件就会被销毁一次，若不想让组件被销毁，则需要用到标 ......
在web-view加载的本地及远程HTML中调用uni的API及网页和vue页面通讯
转载于在web-view加载的本地及远程HTML中调用uni的API及网页和vue页面通讯 - DCloud问答 uni-app的web-view组件，支持加载远程网页，在app环境下，还支持加载本地HTML页面。 在web-view加载页面中，会涉及wx、plus、uni等对象的使用。 在小程序下 ......
Vue 嵌套选项卡 购物车
嵌套选项卡 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="js/vue. ......
vue组件的inheritAttrs属性
先看一个案例 子组件ChidComp.vue <script> export default { inheritAttrs: true, props: { msg: String }, mounted(){ console.log(this.$attrs.mesge); } } </script> ......
vue-treeselect使用案例
https://vue-treeselect.js.org/ 父子节点没有关联 <TreeSelect flat style="background-color: #0e3977" placeholder="请选择" v-model="org" :multiple="true" :options=" ......