效果echarts项目vue

自己动手,通过源码找回 Ant-Design-Blaozr 中 Tree 组件的搜索筛选效果

最近更新一个Blazor server的项目,顺带把用到的 Ant-Design-Blazor 升级到了最新的 0.14.4,结果发现之前在 0.8.4 版本中 Tree 组件的搜索显示效果变了,从仅显示找到的节点变成了在全部节点中高亮显示匹配的结果,为了节省用户沟通成本(就是懒得跟最终用户费口舌解 ......

VUE.JS和NODE.JS构建一个简易的前后端分离静态博客系统(三)

Edit.vue <template> <div id="edit"> <ClassicHeader> <template v-slot:left> <span>编辑随笔</span> </template> <template v-slot:right> <el-button @click="ne ......
静态 简易 系统 博客 JS

运行项目报错Cannot read property 'styles' of undefined

原因是安装依赖版本不对,以下是我的解决办法: 1、先删除项目中package-lock.json 文件 及node_modules文件(可使用rimraf指令删除node_modules,直接删文件很慢) 2、执行 npm i --legacy-peer-deps 指令,会发现自动帮我们生成了pac ......
undefined property 项目 Cannot styles

VUE.JS和NODE.JS构建一个简易的前后端分离静态博客系统(二)

后台管理页面,需要配合NODE.JS搭建的EXPRESS服务器使用。 main.js import Vue from 'vue' import App from './App.vue' import router from './router' import { Button, Input, For ......
静态 简易 系统 博客 JS

JS倒计时效果

倒计时实现思路:1-用户输入的时间减去当前的时间就是剩余的时间,即倒计时2-不能用时分秒直接相减,因为出来的结果会是负数,比如01分减去15分,结果是负14分3-需要引入时间戳的概念,用户输入时间的总毫秒数减去当前时间的总毫秒数,得到的就是剩余时间的毫秒数4-最后把剩余时间的毫秒数转化成天、时、分、 ......
效果

VUE.JS和NODE.JS构建一个简易的前后端分离静态博客系统(一)

很久以前写的。不想白写,这边记录一下,配合GPT简要回忆一下代码思路。 后台系统 demo_initBlog.js 首先是博客的后台系统,通过node demo_initBlog.js进行初始化。 const fs = require("fs").promises const path = requ ......
静态 简易 系统 博客 JS

vue2+jsx与vue3+jsx插槽的写法

1.vue2 + jsx (1)slot组件 <template> <div class="index"> <h2>slotdemo -- 组件调用成功</h2> <slot name="title"></slot> <slot></slot> </div> </template> (2)调用 <s ......
写法 vue jsx vue2 vue3

Vue.js 组件内路由守卫

视频 About.vue App.vue #components ##Banner.vue <template> <div class="col-xs-offset-2 col-xs-8"> <div class="page-header"> <h2>Vue Router Demo</h2> <bu ......
路由 组件 Vue js

mssql server 2012数据库 jdk8 + springboot 项目 报错:SQL Server (SSL) encryption. Error: "The server selected protocol version TLS10 is not accepted by client preferences [TLS12]". ClientConnectionId

2023-04-13 11:01:39.727 [main] INFO com.alibaba.druid.pool.DruidDataSource:1003 - {dataSource-3,slave_2} inited 2023-04-13 11:01:39.846 [Druid-Connect ......

vue-office 支持多种文件(docx、excel、pdf)预览的vue组件库,支持vue2/3。

原文转载:https://github.com/501351981/vue-office vue-office 支持多种文件(docx、excel、pdf)预览的vue组件库,支持vue2/3。 《演示效果》 功能特色 一站式:提供docx、pdf、excel多种文档的在线预览方案,有它就够了 简单 ......
vue vue-office 组件 多种 文件

vue 组件加点击事件

vue 默认只能在元素dom上面加点击事件,否则你给组件加上点击事件是没有效果的。 解决方案: 可以在组件的事件后面加.native @click.native ......
组件 事件 vue

基于 xterm + websocket + vue 实现网页版终端 terminal

cdn形式html页面实现 在进行开发这个功能的时候,进行了百度,最后参考此博主的文章中的自定义版本,进行修改:https://blog.csdn.net/qq_25252769/article/details/127791918 开发过程中,由于后台数据返回的格式需要进行处理,根据自身需求,代码进 ......
终端 websocket terminal 网页 xterm

Vue.js 独享路由守卫

视频 独享守卫: beforeEnter(to,from,next){ console.log('beforeEnter',to,from) if(to.meta.isAuth){ //判断当前路由是否需要进行权限控制 if(localStorage.getItem('school') 'atgui ......
路由 Vue js

Vue.js 全局前置和后置-路由守卫

全局前置路由守卫视频 全局后置路由守卫视频 12.路由守卫 作用:对路由进行权限控制 分类:全局守卫、独享守卫、组件内守卫 全局守卫: //全局前置守卫:初始化时执行、每次路由切换前执行 router.beforeEach((to,from,next)=>{ console.log('beforeE ......
路由 全局 Vue js

vue点击其他地方,这个div隐藏,怎么通过自定义指令实现

vue指令 Vue指令是Vue.js框架中最核心的一部分之一,用于处理DOM元素上的行为和属性,类似于jQuery的插件。Vue指令使用v-前缀表示,例如:v-if,v-for,v-bind,v-on等等。 以下是一些常用的Vue指令: 1. v-model:绑定表单元素到Vue实例数据,实现数据的 ......
指令 地方 vue div

vue点击其他地方 这个div隐藏

Vue 中实现点击其他地方隐藏 `div` 的思路一般如下所示: 1. 给需要隐藏的 `div` 绑定一个 `v-show` 或 `v-if` 指令,初始状态为显示。2. 给整个页面或父级元素(比如 `body` 或者 `app` 组件,建议是根组件)绑定一个点击事件。3. 在点击事件的回调函数中, ......
地方 vue div

涨姿势了,有意思的气泡 Loading 效果

今日,群友提问,如何实现这么一个 Loading 效果: 这个确实有点意思,但是这是 CSS 能够完成的? 没错,这个效果中的核心气泡效果,其实借助 CSS 中的滤镜,能够比较轻松的实现,就是所需的元素可能多点。参考我们之前的: 使用纯 CSS 实现超酷炫的粘性气泡效果 巧用 CSS 实现酷炫的充电 ......
气泡 姿势 效果 Loading

(之前的项目复习)我的Java项目实战--校园餐饮商户外卖系统04

开发笔记四 菜品管理业务开发 文件上传下载 文件上传介绍 文件上传,也称为upload,是指将本地图片、视频、音频等文件上传到服务器上,可以供其他用户浏览或下载的过程。文件上传在项目中应用非常广泛,我们经常发微博、发微信朋友圈都用到了文件上传功能。 文件上传时,对页面的form表单有如下要求: me ......
项目 商户 实战 餐饮 校园

vue中父子组件调用之头像更新

问题描述: 修改图像的功能,要实现的功能是这样的:点击确认按钮,然后连带着上面的头像也更新,是不是很简单,只需要一个刷新就行,但是事实上没这么简单,因为我的这个项目涉及到三个组件 这里面中间是一个子路由,然后上面是一个组件,左边是一个组件 然后这个就涉及到子父组件传值, 这个总布局是Doctor.v ......
父子 组件 头像 vue

传统项目管理软件和敏捷看板管理软件

发现澳大利亚之前,欧洲人认为所有的天鹅都是白色的,世界上不存在黑天鹅。黑天鹅被比喻成不可能存在的事物。 对于传统的项目管理软件而言,Leangoo领歌就是那只黑天鹅。Leangoo领歌是一款支持scrum敏捷开发的新一代项目管理软件。 传统的项目管理软件部署、安装非常复杂,通常需要专业团队安装部署, ......

教育-接口项目总结

接口自动化测试: yaml是测试用例(yaml文件中可以有变量或函数)(ui自动化中excel作为测试用例,也可以有变量或函数) $变量,${func(agrs)} common/api.py 核心TestAPI,控制整个业务流程 两个类方法: 1、find_case(cls,path:Path) ......
接口 项目

团队项目Scrum冲刺-day1

| 这个作业属于哪个课程 | 2023软件工程—双学位 | | | | | 这个作业要求在哪里 | 团队作业4——项目冲刺 | | 这个作业目标 | 团队项目Scrum冲刺-day1 | 1.Alpha任务认领 | 职责 | 人员 | | | | | 前端 | 翟张博 | | 后端 | 袁小东、刘付 ......
团队 项目 Scrum day1 day

团队项目,智能简历系统分析

队长:赵金荣,团队成员:曾雨坤,崔建铭 队伍名称:翻斗花园队 赛题名称:智能简历系统 会议视频地址: 本次会议内容:分析赛题,决定研究方向以及明确分工。 每日站立会议时间:晚8:00,讨论今日工作进展,安排明日工作安排。 展示会议:4.23 回顾会议:4.24 记录照片 ......
团队 简历 智能 项目 系统

vue路由懒加载

vue路由懒加载是性能优化考虑的一种策略。 假如在router内需要引入一个component文件, import PrevComp from './components/prev-comp' import NextComp from './components/next-comp' 这是常规的文件 ......
路由 vue

GitHub 简介与项目搜索

一、Github 作用 1.学习优秀的开源项目 Github 是”世界最大的同性交友网站“,世界上最大的开源社区,因为开源社区的贡献,开发才越来越容易,越来越快速。在尝试做项目时,若每一个模块都需要亲历亲为,除去 Bug 问题,时间与资源也是很大的消耗,且维护较久的开源项目,也会有更多的解决方案。 ......
简介 项目 GitHub

Vue.js 两个新的生命周期钩子(路由组件独有)

视频 11.两个新的生命周期钩子 作用:路由组件所独有的两个钩子,用于捕获路由组件的激活状态。 具体名字: activated路由组件被激活时触发。 deactivated路由组件失活时触发。 Home.vue News.vue #components ##Banner.vue <template> ......
钩子 路由 组件 周期 两个

Vue.js 缓存路由组件

视频 10.缓存路由组件 作用:让不展示的路由组件保持挂载,不被销毁。 具体编码: <keep-alive include="News"> <router-view></router-view> </keep-alive> News.vue Home.vue Message.vue #compone ......
路由 缓存 组件 Vue js

Vue.js 编程式路由导航

视频 router-link 最后会转成 标签, 有时候页面不是a标签就不能用router-link来写 9.编程式路由导航 作用:不借助<router-link> 实现路由跳转,让路由跳转更加灵活 具体编码: //$router的两个API this.$router.push({ name:'xi ......
路由 程式 Vue js

scrum项目冲刺_day1会议总结

今日团队任务: 图片转excel(5天) 前端开发(需团队风格统一) 调用接口(后端),json数据->excel 前后端连接 任烁玚(进行中) 图片转html(8天) 前端开发(需团队风格统一) 图片转为pdf(存储) pdf转html(调用接口)[html存储到数据库] 前后台数据同步 孟德昊( ......
会议 项目 scrum day1 day

团队项目第二天

今天我们团队正式开始项目开发,今日我们团队各成员项目完成度如下: 彭锁群:今日完成: 明日目标: 遇到问题(已解决或未解决): 杨凯文:今日完成: 明日目标: 遇到问题(已解决或未解决): 杨康: 今日完成: 明日目标: 遇到问题(已解决或未解决): 张家硕:今日完成:今日我认识了opencv关于人 ......
团队 项目