javascript
-
vue day06
1、路由模块封装 2、声明式导航 实现导航高亮效果 直接通过这两个类名对相应标签设置样式 点击a链接进入my页面时，a链接 我的音乐高亮，同时my下的a、b页面中的 我的音乐也有r…
-
Vue 缓存Hook：提高接口性能，减少重复请求
前言 在开发 Web 应用时，我们经常会遇到需要重复调用接口的场景。例如，当用户频繁刷新页面或进行某个操作时，我们可能需要多次请求相同的数据。这不仅会增加服务器负担，还会导致用户…
-
Flink的可读性与可维护性
1.背景介绍 Flink是一个流处理框架，用于实时数据处理和分析。它具有高吞吐量、低延迟和强大的状态管理功能。Flink的可读性和可维护性是其在实际应用中的关键特点。在本文中，我们…
-
vuedraggable互相拖动： 禁止拖动元素，和禁止拖动到的区域，以及禁止拖动整体。
{{ element.name }} {{ element.name }} 1，设置两个都不允许拖动 disabledA = true; disabledB= true; 2,两个…
-
vue路由守卫beforeRouteEnter、beforeRouteUpdate、beforeRouteLeave不生效
最近在项目中需要使用路由守卫，来判断路由返回到指定的页面，在子组件使用的过程 怎么样都无法生效。 路由组件指的就是在routes.js文件里面用到的组件，子组件和普通组件都不路由组…
-
在人工智能时代，Django + 简单的 HTML + Whisper + mixtral-8x7b-instruct + SQLite 实现了一个 TODO应用
这里写自定义目录标题 构建 AI-powered TODO 应用 新的思考 构建 AI-powered TODO 应用 人工智能TODO应用程序演示https://ivan-tol…
-
ESlint报错[vue/comment-directive]cleareslint-plugin-vue及Cannot find name ‘template‘.
项目背景：项目是用vite脚手架创建的vue3项目 问题：新建了一个vue文件，在页面的第一行和最后一行都报错 报错信息： Cannot find name ‘…
-
html+js+css静态故宫主题
登录代码 登录 – 故宫博物院 故宫博物馆 首页 导览 开放时间 票务服务 交通路线 游览须知 全景故宫 展览 近期展览 专馆 原状陈列 赴外展览 教育 教育新闻 故宫讲坛 故宫博…
-
vue 项目打包之后进行修改配置后端 IP 地址、端口等信息方法
前言 用 vue-cli 构建的项目通常是采用前后端分离的开发模式，也就是前端与后台完全分离，此时就需要将后台接口地址打包进项目中，但是，我们只是改个接口地址也要重…
-
2024 前端高频面试题之 Vue 篇
Vue 篇（持续更新中） 1、v-for 和 v-if 可以混合使用吗？为什么？ 2、v-for 中为什么加 key？ 3、事件默认有个 event 参数，它是什么？怎么使用？事件…
-
vue 计算属性未重新计算 / computed 未触发 / computed 原理&源码分析
点击可打开demo 这里在一秒后改了数组里value属性的值 虽然数据有更新，但打开控制台，可以发现computed函数只在初始化时执行了一次 按理说一秒后改变了value值，应该…
-
vue通过router地址传参跳转同一路由页面，页面不刷新的解决办法
笔记：路由页面间的跳转 背景 解决 三种情况 1、不同路由的跳转（/a/b1 => /a/b2） 2、相同路由不同参数间的跳转（/a/b?c=1 => /a/b?c=2…
-
Vue3项目封装一个Element-plus Pagination分页
前言:后台系统分页肯定是离不开的,但是ui框架都很多,我们可以定义封装一种格式,所有项目按到这个结构来做. 实例: 第一步:在项目components组件新建一个分页组件,用来进行…
-
el-tooltip超出显示
在Element UI中，el-tooltip组件默认就是当内容超过其容器范围时显示 tooltip。但是如果你想在内容超出指定宽度时才显示tooltip，你需要自定义一个判断逻辑…
-
ThreeJS-VUE-3DMax 实现Web3D（简单测试）
今天使用3DMax建模软件进行3D模型的制作，并且加入动画，通过threejs将模型及其动画部署在VUE框架上。 一、环境及其开发包版本 1. VU…
![ESlint报错[vue/comment-directive]cleareslint-plugin-vue及Cannot find name ‘template‘.](/img/80/7eed1acba2f34b06bcad94693ae64beb.png)
