eclipse项目vue

Vue 项目配置自动更新,自动刷新页面

今天用户反馈使用页面的时候,有时候点击没反应,排查下来,是因为发布版本的时候,用户那边没有加载最新的文导致的,然后根据思路,做了这个自动更新的功能 效果预览 http://demo.webwlx.cn/#/update 实现思路 1. 把当前版本的编译时间,通过环境变量的方式保存起来 打开 vite ......
页面 项目 Vue

vite plugin项目优化汇总

前端项目性能优化和开发体验优化是无法避免的一个话题,在之前使用 webpack 做应用构建的时候,有许多手段和插件来做优化。当使用 vite 构建应用时也有许多插件来做优化,本文对 vite 的优化插件或方法做下汇总。 一、打包性能优化 1. html 处理 vite-plugin-html vit ......
项目 plugin vite

项目冲刺D1

成员分配任务 学号 姓名 工作 20211111 刘海涛 数据库 20211117 祁昱霖 功能整合 20211105 李宜时 前端设计 20211121 杨博川 数据库链接 20211126 李浩瑞 后端设计 今日任务 学号 姓名 工作 20211111 刘海涛 项目环境配置于IDEA,MUSQL ......
项目

夜莺项目发布 v6.4.0 版本,新增全局宏变量功能

大家好,夜莺项目发布 v6.4.0 版本,新增全局宏变量功能,本文为大家简要介绍一下相关更新内容。 全局宏变量功能 像 SMTP 的配置中密码类型的信息,之前都是以明文的方式在页面展示,夜莺支持全局宏变量之后,可以在变量管理配置一个 smtp_password 的密码类型的变量,在 SMTP 配置页 ......
项目发布 夜莺 全局 变量 版本

vue3页面中,两个相同组件,一个卸载,一个挂载,后展示的组件事件监听不生效?

场景:在实际开发中,遇到了这样一种场景,vue3页面,两个相同组件,在满足某条件下展示第一个组件,满足另一个条件下,隐藏第一个组件,同时展示第二个组件,比如反馈组件,会通过 window.addEventListener 来监听自定义的反馈弹窗展示和隐藏事件。 结果:两个相同组件一个卸载,一个挂载, ......
组件 两个 事件 页面 vue3

关于vue中的动态组件component和keep-alive

component标签是vue内置的,作用:组件的占位符 <component is="组件名称"></component> 其中is属性的值表示要渲染的组件的名字,也就是components节点下的组件名称 当我们动态切换组件名称时,每切换一次,组件就会被销毁一次,若不想让组件被销毁,则需要用到标 ......
keep-alive 组件 component 动态 alive

在web-view加载的本地及远程HTML中调用uni的API及网页和vue页面通讯

转载于在web-view加载的本地及远程HTML中调用uni的API及网页和vue页面通讯 - DCloud问答 uni-app的web-view组件,支持加载远程网页,在app环境下,还支持加载本地HTML页面。 在web-view加载页面中,会涉及wx、plus、uni等对象的使用。 在小程序下 ......
web-view 页面 通讯 网页 view

Vue 嵌套选项卡 购物车

嵌套选项卡 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="js/vue. ......
购物车 Vue

vue组件的inheritAttrs属性

先看一个案例 子组件ChidComp.vue <script> export default { inheritAttrs: true, props: { msg: String }, mounted(){ console.log(this.$attrs.mesge); } } </script> ......
inheritAttrs 组件 属性 vue

vue-treeselect使用案例

https://vue-treeselect.js.org/ 父子节点没有关联 <TreeSelect flat style="background-color: #0e3977" placeholder="请选择" v-model="org" :multiple="true" :options=" ......
vue-treeselect treeselect 案例 vue

CNS0项目创建交货单增加销售办事处

1、业务需求 1.1、销售办事处介绍 销售办事处是指在企业中负责销售活动的区域性单位或部门。在SD模块中,可以表示企业的不同销售地点、销售办公室、分销中心或分公司。 销售办事处扮演着多种角色和职责,例如: 销售活动管理:销售办事处负责管理和监控属于其管辖范围内的销售活动。这包括销售订单的处理、客户询 ......
交货单 办事处 项目 CNS0 CNS

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 ......
函数 员工 项目 1075 SQL

手撕Vue-Router-实现router-link

前言 在上一篇 [手撕Vue-Router-添加全局$router属性] 中,实现了将每一个 Vue 实例上挂载一个 $router 属性,这个属性就是我们在上一篇文章中创建的 VueRouter 实例。 开始 本章节,我们将实现一个 router-link 组件,这个组件可以实现点击跳转到指定的路 ......
router-link Vue-Router Router router link

手撕Vue-Router-实现router-view

前言 在上一篇 [手撕Vue-Router-实现router-link] 中,我们实现了 router-link 组件,这一篇我们来实现 router-view 组件。 实现思路 router-view 其实与 router-link 是同一个世界,同一个梦想的,那么我就废话不多说了,直接上代码。 ......
router-view Vue-Router Router router view

Vue3 + Vite中使用unocss

什么是unocss? unocss是一个即时的原子CSS引擎,它可以让你用简短的类名来控制元素的样式,而不需要写复杂的CSS代码。 Unocss: Guide 用Vite安装和配置步骤:UnoCSS Vite Plugin 互动性文档:https://unocss.dev/interactive/( ......
unocss Vue3 Vite Vue

七天.NET 8操作SQLite入门到实战 - 第四天EasySQLite前后端项目框架搭建

前言 今天的主要任务是快速下载并安装.NET 8 SDK,搭建EasySQLite的前后端框架。 .NET 8 介绍 .NET 8 是 .NET 7 的后继版本。 它将作为长期支持 (LTS) 版本得到三年的支持。 使用技术栈和开发环境 咱们的.NET 8操作SQLite入门到实战教程主要使用技术栈 ......
EasySQLite 实战 框架 项目 SQLite

摄像头 推流打电视大屏集成 easydarwin 项目备忘

EasyDarwin直播(推流、拉流)配置好像有点麻烦,不推荐使用开源的。 用商用版本的配置简单一点。 前后端分离 ,静态html页面集成大屏 接口数据,这样不用安装编程工具,轻量。推流的视频容易断流(稳定性 不太乐观 )。 winform , wpf还是比较靠谱,集成海康dll,就是开发环境重量, ......
大屏 easydarwin 摄像头 项目 电视

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下 ......
路由 Typescript router Vite4 Pinia

Vue3

官网 https://cn.vuejs.org/guide/quick-start.html 再vue3中采用的是组合式API风格(组合式 API (Composition API)) 通过组合式 API,我们可以使用导入的 API 函数来描述组件逻辑。在单文件组件中,组合式 API 通常会与 <s ......
Vue3 Vue

[Vue] vue学习笔记(3): 渲染

条件渲染 主要有四个指令 v-show:控制元素可视性,即是否增加样式display=none v-if/v-else-if/v-else:类似if/else-if/else的逻辑结构,进行条件判断,控制元素的可视性,注意这种方法会直接决定元素是否出现DOM树上,而非样式改变 < ! n is a ......
笔记 Vue vue

[Vue] vue学习笔记(3): 绑定样式

动态绑定样式 vue允许动态设置class的值,通过利用v-bind指令 🎄情景: 假设存在多个class样式,并给元素指定一个class = "basic", 类名随不同情况更改 <div id="root"> <! 动态设置后,类名变为"basic happy" or "basic sad" ......
样式 笔记 Vue vue

项目部署

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 ......
圆形 进度 实战 Android 项目

【经验贴】技术转项目经理,利用项目管理工具快速适应!

之前分享了我在项目管理过程中的一些实战经验,大家纷纷表示感同身受。其中,有一部分技术转项目经理岗位的小伙伴吐槽现在加的班比以前更多、工作更难开展了,想问问如何能快速适应新的工作岗位。 我们公司这几年随着业务的不断增加,最近也将一批技术骨干培养和转到项目经理岗位上了。小陈就遇到了很多问题难以解决,最终 ......
项目 项目管理 经验 经理 工具

vue2与vue3的区别

一、双向数据绑定原理的区别 vue2 的双向数据绑定是利用ES5 的一个APIObject.definePropert()对数据进行劫持 结合 发布订阅模式的方式来实现的 vue3发生了改变,使用proxy替换Object.defineProerty,使用Proxy的优势 1、可直接监听数组类型的数 ......
vue vue2 vue3

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

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"> ......
指令 源码 手机 图片 vue

vue3 reactive对象的watch

代码 <script setup> import { ref,reactive, watch } from 'vue' const obj = reactive({ count: 0 }) const yourKnow0 = ref('') const yourKnow1 = ref('') let ......
reactive 对象 watch vue3 vue
共11200篇  :40/374页 首页上一页40下一页尾页