脚手架vue day 34

1.安装依赖（亲测5.0.1版本可用，最新版本会找不到'vue-video-player/src/custom-theme.css'这个样式） yarn add vue-video-player@5.0.1 2.main.js里增加以下代码 1 import VideoPlayer from 'vu ......

《Vue.js从入门到项目实战》 孙鑫v-bind用于响应式地更新HTML属性，v-on用于监听DOM事件,变量需要引号引起来v-if是彻底没有v-的命令需要把变量用引号引起来，插值{{}}则不需要v-if和v-for在同一个元素上使用时，v-if优先级高于v-for，意味着v-if不能访问v-fo ......

没法在 iframe 元素直接添加 @click 回调 ，会无效的 同时，想要添加点击事件，需要在 iframe 加载完成后才能绑定事件，否则也是无效 因此，正确的绑定办法是，在iframe 绑定 @load 然后 const load = (v: boolean) => {if (!v) { // ......

题面 题意简述：给定一个长度为 \(n\) 的高度数列 \(h\)，可以选定 \(i < j < k\) 且 \(h_i > h_j < h_k\)，付出 \(h_i + h_j + h_k\) 的代价使 \(h_j\) 增高 \(1\)。问使 \(h\) 满足 \(\exist p \in [1, ......

router.beforeEach((to, from, next) => { NProgress.start() if (getToken()) { // 三级菜单组件无法缓存问题 if (to.matched && to.matched.length > 2) { to.matched.spli ......

题目：383. 赎金信 我的感悟： 我自己独立做出来了。 理解难点： so easy 代码难点： 扩展理解defaultdic， 定义的时候 hashmap = defaultdict(int) hashmap拿到一个不存在的值的时候会设置为0 int可以省略吗？ 不可以，int是工厂函数。用于设置 ......

1、基本说明 1.1 computed： 计算属性将被混入到 Vue 实例中,所有 getter 和 setter 的 this 上下文自动地绑定为 Vue 实例 1.2 methods： methods 将被混入到 Vue 实例中。可以直接通过 VM 实例访问这些方法，或者在指令表达式中使用。方法 ......

1.打包vue项目上传到服务器目录 /home/dhwww 没有权限，可以先上传到当前用户目录下，再copy到dhwww文件夹 2.安装Nginx sudo apt-get install nginx 3.配置Nginx 3.1 查看Nginx目录： root@VM-4-11-ubuntu:/hom ......

一、Vue 是什么？ Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的 JavaScript 渐进式框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、响应式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vu ......

题目：454. 四数相加 II 我的感悟： 把握题意：这道题目是四个独立的数组，只要找到A[i] + B[j] + C[k] + D[l] = 0就可以 有点像上学那会，提醒自己要注意题意。审题很关键。审题的要点是要明白题目说什么。 理解难点： 为什么可以只遍历AB和CD，不遍历AC和BD？ 都可以 ......

vue3 接入 Element Plus vue3 发布已经很久了，官方也已经发布公告，自2023年12月31日起停止对 vue2 版本的维护更新，因此，vue3 正式登上了历史的舞台。组件库一直是前端开发的利器，减少了开发者开发复杂度，提高开发效率，在 vue2 中，最常使用的是 element- ......

1. 安装 npm i pinia-plugin-persistedstate 2.将插件添加到pinia实例上 main.js文件 import { createApp } from 'vue'import { createPinia } from 'pinia'// 导入持久化插件import ......

main.js // 字符串格式化 Vue.prototype.$stringFormat = function (formatted, ...args) { for (let i = 0; i < args.length; i++) { let regexp = new RegExp('\\{' ......

1 新建vue项目 已有跳过 npm create vue@latest 2 进入项目目录输入以下命令 npm i jquery npm i bootstrap 3 在main.js中引入 import 'jquery/dist/jquery.min' import 'bootstrap/dist/ ......

四数相加 题目需要找满足和为0的四元组 但是只要求统计个数 不要求具体的四元组 而且四元组是可以重复的 考虑使用hash map 由于设计到四个元素 先遍历两个集合 记录一下两个集合的元素和的所有可能值 记录在map中 为什么要用map 因为需要同时记录出现的值和出现的次数 值作为键 次数作为值 然 ......

前言 纯粹是为了偷懒，不想再安装swiper来渲染，直接改造下element-ui的走马灯，实现类似的效果，最主要的是后续会迭代到vue3，所以这里临时的实现下即可； 内容 元素绑定ref 给需要监听的元素添加ref，这里是ref="carouse" <div v-for="(nodes, inde ......

Arrays类讲解 数组的工具类java.util.Arrays 由于数组对象本身并没有什么方法可以供我们调用，但API中提供了一个工具类Arrays供我们使用，从而可以对数据对象进行一些基本的操作。 查看JDK帮助文档//可以看Jdk网页版api 也可以网上下载后本地查看（jdk api 1.8_ ......

二叉树day14 part1 题型： 1.二叉树理论基础 1.1 二叉树种类 满二叉树 如果一棵二叉树只有度为0的结点和度为2的结点，并且度为0的结点在同一层上，则这棵二叉树为满二叉树。 完全二叉树 完全二叉树的定义如下：在完全二叉树中，除了最底层节点可能没填满外，其余每层节点数都达到最大值，并且最 ......

1、ref标签 <template> <div class = "person"> <h1>China</h1> <h1>beijing</h1> <button @click="showLog">点击此处输出中文</button> </div> </template> <script lang = ......

一.Mybatis概述 MyBatis 是一款优秀的**持久层框架**，它支持定制化 SQL、存储过程以及高级映射。**MyBatis 避免了几乎所有的 JDBC 代码和手动设置参数以及获取结果集**。MyBatis 可以使用简单的 XML 或注解来配置和映射原生类型、接口和 JavaBean 为数 ......

103、全文检索-elasticsearch-docker安装 104、全文检索elasticsearch-docker安装kibana 110、全文检索-elasticsearch进阶-两种查询方式 122、全文检索-elasticsearch-分词-安装ik分词 123、补充-修改linux网络 ......

效果图 代码实现 <template> <div> <div style="position: relative;" class="box"> <img @mousemove="updatePositions" src="https://img.pddpic.com/gaudit-image/202 ......

Vue3 使用路由 Router 之前几篇博文说了一下 vue 的基本语法和 vue 的传参，今天这篇博文稍微说一下 vue3 里面使用路由。 介绍 众所周知，vue 是用来构建单页面应用的前端框架，大于大多数此类型应用来讲，都推荐使用官方支持的 vue Router，在单页面应用，客户端的 Jav ......

<canvas ref='canvas' height="360" width="600"></canvas> <div class="signature"> <button class="re-sign" ref="clearBtn">重新签名</button> </div> <script se ......

ShoopingWeb没有控制器，普通api有控制器，ShoopingWeb是直达型，精简了很多中间代码，广泛适用于微服务架构 ShoopingWeb一切都在组控制台应用程序类【Program】上执行，也可以自由分类封装 namespace ShoopingWeb { public static c ......

题目：1. 两数之和 我的感悟： 梦开始的地方 理解难点： map究竟是什么 存放已经遍历的元素值 什么时候需要用map? 遍历一边，这里面的元素值，后面都有可能要用就存起来。 代码难点： 掌握enumerate用法 [ɪ'njuːməreɪt] e + numer + ate 助记: e-出 + ......

套路地把题意转到走棋盘上，即给定一个 \(n \times n\) 的网格图，\(\texttt A\) 代表向右走一步，\(\texttt B\) 代表向上走一步，那么每次操作就是把右上和左下互换。 设 \(f_i\) 表示从 \((1, 1)\) 到 \((i, i)\) 的最小开销，\(w(l ......

vue-router@4以上可以使用removeRoute()方法来移除. router.getRoutes().forEach(route => { // 这里还需要条件判断哪些是静态路由不需要移除 router.removeRoute(route.name); }); 但是vue-router@ ......

let inputNews = ref('')let element = ref('')// contentText 传入数组const seachNews = (contentText) => { // 循环数组 for (let j = 0; j < contentText.length; j+ ......

<template> <!-- ... 其他代码 ... --> <div class="w-full h-[250px] scroll_list text-[#fff] overflow-auto"> <div class="flex" v-for="(item, index) in state. ......