脚手架vue day 35

效果图 代码实现 <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. ......

问题如标题所写 代码示例: 父组件: <template> <div class=""> <div class=""> <t-form ref="formData" :data="data.formData" colon label-width="100px" label-align="right" ......

题目：202. 快乐数 我的感悟： 2024年了，你快不快乐？找找自己的原因。 理解难点： 分离数组 快乐数字的定义， 不快乐的数字会无限循环 代码难点： divmod用法, set用法 总结概括： 快乐就完事了！ 代码示例： class Solution: def isHappy(self, n: ......

引言简介 遗憾：这里没有进行linux的mysql安装不完美，有空补全 1. node安装 安装nodejs参考地址： https://blog.csdn.net/cnds123321/article/details/121301089 报错 GLIBC_2.28 not found 这里安装的时候 ......

01. SpringBoot-配置优先级 在我们前面的课程当中，我们已经讲解了SpringBoot项目当中支持的三类配置文件： application.properties application.yml application.yaml 在SpringBoot项目当中，我们要想配置一个属性，可以通 ......

题目：349. 两个数组的交集 我的感悟： 轻轻松松 理解难点： python中 字典存,集合去重 代码难点： del要掌握 dic.get(i,0) +1 要掌握 总结概括： 无 代码示例： class Solution: def intersection(self, nums1: List[in ......

一、生命周期 vu3在组合式API（Composition API）中使用生命周期钩子时需要先引入，vue2在选项API（Options API）中可以直接调用生命周期钩子 //vue3 <script setup> import { onMounted } from 'vue' onMounted ......

1.安装条件 已安装 18.0 或更高版本的 Node.js 2.安装 在你的目录下运行以下命令： vue create learn_vue3 选择安装vue3： 3.运行 npm run serve ......

# nginx vue 处理前台路由 history 模式刷新 404 的问题 location / { try_files $uri $uri/ /index.html; if ($uri ~* .*\.(?:htm|html)$) { add_header Cache-Control "no-s ......

vue版本：3.4.x antd-vue版本： 4.0.8 原因：是vue更新到3.4.x版本，某些api和antd-vue不兼容 解决方式：将vue版本锁定3.3.4 ......

首先在项目根目录执以下以命令，安装好必要的组件包： # Vue 3 项目，安装最新版 Vant cnpm i vant # 添加按需引入插件，它的作用是在引入组件库中的组件时支持按需引入，减小打包后代码的体积 cnpm install babel-plugin-import -D # 添加按需引入插 ......

前面分享了 k8s 的部署安装，本篇来点实操，将会把一个 .net core + vue 的项目（zhontai），打包构建成 docker 镜像，推送到 nexus 镜像仓库，并部署到 k8s 中 ......

Day20 构造二叉树，二叉搜索树 By HQWQF 2024/01/01 笔记 654.最大二叉树 给定一个不重复的整数数组 nums 。 最大二叉树 可以用下面的算法从 nums 递归地构建: 创建一个根节点，其值为 nums 中的最大值。 递归地在最大值 左边 的 子数组前缀上 构建左子树。 ......

1、webpack和vite构建vue项目的区别 webpack是先把所有东西准备好再启动服务，vite是先启动服务，再把需要的组件放到服务上。vue官方推荐使用vite构建vue项目。 2、vue项目创建以及启动 到项目目录输入npm create @lastest，接下来按提示输入项目信息 启动 ......

题目：242. 有效的字母异位词 我的感悟： 卡尔的思路，挺好。简单易懂。 理解难点： 没有难点 总结概况： 建立数组存 遍历一遍 ++ 遍历一遍 -- 再遍历一遍 判断0 代码示例： class Solution: def isAnagram(self, s: str, t: str) -> bo ......

题目：24. 两两交换链表中的节点 我的感悟： 我感觉，python中对链表的概念，很弱。 链表在现在语言中，用的不多。 先搁置。 理解难点： 可以看懂代码。 总结概括： 代码示例： # Definition for singly-linked list. # class ListNode: # d ......

题目：206. 反转链表 我的感悟： 理解cur是什么? 相信自己！！ 代码难点： cur = head 可以省略不 每一个步骤里的cur是什么 代码示例： # Definition for singly-linked list. # class ListNode: # def __init__(s ......

首先原题意可以转化为对于每一个 \(1\leqslant k \leqslant n\)，选择 \(k\) 个点染黑，使得给定区间中全白的区间尽量少。 这其实是非常强的，考虑基于四边形不等式的一类区间划分类问题，其区间代价函数可以写为 \(F(l,r)=\sum_{i=l}^{r}\sum_{j=i ......

有效的字母异位词： 思路比较简单 由于范围比较小 只有小写字母为范围 利用26大小的数组 遍历字符串 第一个串在对应下标++ 第二个++ 然后数据存在不为零就是不一样的 不存在则时字母异位词 返回数组的交集 由于要返回的是交集 就是查找两个集合出现的元素 想到要使用hash map 具体的数据结构而 ......

基于uniapp+vue3+uv-ui跨端H5+小程序+App短视频+直播带货商城Uniapp-WeLive。 uni-welive一款全新基于uniapp+vue3+pinia+vk-uview等技术跨端仿制抖音/微信直播带货商城项目。支持沉浸式全屏上下滑动短视频直播，Nvue多视频层级覆盖，支持 ......

vuex报错“Vue3Instance<{}, Readonly<ExtractPropTypes<{}>>, Readonly<ExtractPropTypes<{}>>, {}, {}, true, ComponentOptionsBase” 报错信息 [{ "resource": "/D:/g ......

创建electron+vue项目 安装 Vue Cli npm install -g @vue/cli 创建项目 vue create electron-vue 添加electron模块 vue add electron-builder 运行项目 yarn electron:serve 打包项目 y ......