eclipse项目vue
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=" ......
CNS0项目创建交货单增加销售办事处
1、业务需求 1.1、销售办事处介绍 销售办事处是指在企业中负责销售活动的区域性单位或部门。在SD模块中,可以表示企业的不同销售地点、销售办公室、分销中心或分公司。 销售办事处扮演着多种角色和职责,例如: 销售活动管理:销售办事处负责管理和监控属于其管辖范围内的销售活动。这包括销售订单的处理、客户询 ......
SQL-聚合函数-1075.项目员工I
解题思路: SELECT Project.project_id AS project_id, ROUND(SUM(Employee.experience_years)/COUNT(Project.project_id), 2) AS average_years FROM Project LEFT J ......
手撕Vue-Router-实现router-link
前言 在上一篇 [手撕Vue-Router-添加全局$router属性] 中,实现了将每一个 Vue 实例上挂载一个 $router 属性,这个属性就是我们在上一篇文章中创建的 VueRouter 实例。 开始 本章节,我们将实现一个 router-link 组件,这个组件可以实现点击跳转到指定的路 ......
手撕Vue-Router-实现router-view
前言 在上一篇 [手撕Vue-Router-实现router-link] 中,我们实现了 router-link 组件,这一篇我们来实现 router-view 组件。 实现思路 router-view 其实与 router-link 是同一个世界,同一个梦想的,那么我就废话不多说了,直接上代码。 ......
Vue3 + Vite中使用unocss
什么是unocss? unocss是一个即时的原子CSS引擎,它可以让你用简短的类名来控制元素的样式,而不需要写复杂的CSS代码。 Unocss: Guide 用Vite安装和配置步骤:UnoCSS Vite Plugin 互动性文档:https://unocss.dev/interactive/( ......
七天.NET 8操作SQLite入门到实战 - 第四天EasySQLite前后端项目框架搭建
前言 今天的主要任务是快速下载并安装.NET 8 SDK,搭建EasySQLite的前后端框架。 .NET 8 介绍 .NET 8 是 .NET 7 的后继版本。 它将作为长期支持 (LTS) 版本得到三年的支持。 使用技术栈和开发环境 咱们的.NET 8操作SQLite入门到实战教程主要使用技术栈 ......
摄像头 推流打电视大屏集成 easydarwin 项目备忘
EasyDarwin直播(推流、拉流)配置好像有点麻烦,不推荐使用开源的。 用商用版本的配置简单一点。 前后端分离 ,静态html页面集成大屏 接口数据,这样不用安装编程工具,轻量。推流的视频容易断流(稳定性 不太乐观 )。 winform , wpf还是比较靠谱,集成海康dll,就是开发环境重量, ......
Vite4+Typescript+Vue3+Pinia 从零搭建(5) - 路由router
项目代码同步至码云 weiz-vue3-template Vue Router 是 Vue.js 的官方路由。它与 Vue.js 核心深度集成,让用 Vue.js 构建单页应用变得轻而易举。 1. 安装 npm i vue-router@4 2. 集成 1. 新建两页面进行示例 在src/view下 ......
Vue3
官网 https://cn.vuejs.org/guide/quick-start.html 再vue3中采用的是组合式API风格(组合式 API (Composition API)) 通过组合式 API,我们可以使用导入的 API 函数来描述组件逻辑。在单文件组件中,组合式 API 通常会与 <s ......
[Vue] vue学习笔记(3): 渲染
条件渲染 主要有四个指令 v-show:控制元素可视性,即是否增加样式display=none v-if/v-else-if/v-else:类似if/else-if/else的逻辑结构,进行条件判断,控制元素的可视性,注意这种方法会直接决定元素是否出现DOM树上,而非样式改变 < ! n is a ......
[Vue] vue学习笔记(3): 绑定样式
动态绑定样式 vue允许动态设置class的值,通过利用v-bind指令 🎄情景: 假设存在多个class样式,并给元素指定一个class = "basic", 类名随不同情况更改 <div id="root"> <! 动态设置后,类名变为"basic happy" or "basic sad" ......
项目部署
RuoYi-Vue项目部署流程 RuoYi-Vue项目部署项目地址部署成果后端部署jar部署war部署前端部署使用nginx部署tomcat部署部署在ROOT下(单独占用容器)部署在ROOT下(和后端同一容器)部署在非ROOT下项目地址框架地址:https://gitee.com/y_project ......
Android项目实战(六十七):自定义圆形进度条
圆形进度条 支持设置: 1、圆环背景颜色 2、圆管背景宽度 3、进度圆环颜色 4、进度圆环宽度 5、圆环进度 6、开始角度 7、动画执行时间 自定义类: package com.example.mainactivty; import android.content.Context; import a ......
【经验贴】技术转项目经理,利用项目管理工具快速适应!
之前分享了我在项目管理过程中的一些实战经验,大家纷纷表示感同身受。其中,有一部分技术转项目经理岗位的小伙伴吐槽现在加的班比以前更多、工作更难开展了,想问问如何能快速适应新的工作岗位。 我们公司这几年随着业务的不断增加,最近也将一批技术骨干培养和转到项目经理岗位上了。小陈就遇到了很多问题难以解决,最终 ......
vue2与vue3的区别
一、双向数据绑定原理的区别 vue2 的双向数据绑定是利用ES5 的一个APIObject.definePropert()对数据进行劫持 结合 发布订阅模式的方式来实现的 vue3发生了改变,使用proxy替换Object.defineProerty,使用Proxy的优势 1、可直接监听数组类型的数 ......
ubuntu22 flask项目 pyinstaller打包后运行报错: jinja2.exceptions.TemplateNotFound: index.html 的一种解决方案
前言 有一个flask项目a.py, 目录结构如下: |- a.py |- templates | - index.html |- static |- images 运行 python3 a.py可以正常加载网页,使用 pyinstaller 在 ubuntu16上打包: pyinstaller - ......
vue 创建 项目方式
使用 webpack 创建 vue create pageName 资料 https://cli.vuejs.org/zh/guide/ 使用 vite 创建 npm create vue@latest 资料 https://cn.vitejs.dev/guide/cli https://githu ......
vue Vite3出现错误runtime-core.esm-bundler.js:6835 Uncaught TypeError: normalizeKey is not a function at createBaseVNode (runtime-core.esm-bundler.js:6835:19)
原因是在引入Element-Plus的顺序在vue之前导致,重新调整下他们的顺序后,问题解决。 import App from './App.vue' import { setupI18n } from '/@/i18n' import { setupRouter } from '/@/router ......
手机直播源码,js实现懒加载、vue实现图片懒加载指令
手机直播源码,js实现懒加载、vue实现图片懒加载指令 图片懒加载 监听滚动条滚动事件,当视口的高度+滚动高度,大于图片所在位置举例顶部的偏移量时(也就是距离),加载图片资源 index.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> ......