前端 终端 实战vue
VUE后台管理系统(二)
### SPU管理 - 先搞定静态组件(类似```Attr```管理的页面结构) ``` ### product.Spu.index.vue 添加SPU ,sizes,total"> ``` - 发请求获取```SPU```列表数据 ``` ### api.product.spu.js import ......
vue-让你的组件支持v-model
原文:https://zhuanlan.zhihu.com/p/453112282 在定义vue组件时,可以提供一个model属性,用来定义组件以何种方式支持v-model。model本身是有默认值的,如下: 也就是说,如果你不定义model属性,或者按照上面的方式定义model属性,当其他人使用你 ......
关于VsCode中终端输出显示不全的问题
背景:在学习OpenCV时,在Vscode中要对当前视频的帧计数进行打印,发现总是从第400多行开始打印,怀疑是代码逻辑写错了,但是在命令行模式下进行运行发现又是对的,猜测是VsCode编辑器设置的限制,度娘一搜,试了一下网上的方法,结果马上对了!发现是VsCode 控制终端在其缓冲区保留的最大行数 ......
vue 生命周期
vue的生命周期就是vue从创建到销毁的过程 主要分为八个部分 beforeCreate(初始化界面前) created(初始化界面后) beforeMount(渲染dom前) mounted(渲染dom后) beforeUpdate(更新数据前) updated(更新数据后) beforeDest ......
解决 Vue 重复点击相同路由,出现 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation 问题
# 解决 Vue 重复点击相同路由,出现 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation 问题 ### 问题 ``` 问题描述:重复点击导航时,控制台出现报错 ,虽然不影响功能使用,但也不能视而不见。 ......
vue打开新窗口的两种方式
1.使用路由跳转,绑定target="_blank" ``` Click to download PDF ``` 2.写点击事件 ``` toBlank(){ const routeData = this.$router.resolve({ path: '/pdf/download', query: ......
Ubuntu java配置环境变量后,开启新终端窗口环境变量失效
第一种
每打开一次终端都输入一次 source /etc/profile,这样就可以加载配置文件,环境变量自然就有了
第二种
输入vim ./bashrc,在底部添加配置在/etc/profile里的配置,这样就可以无需使用source命令加载了
也可以在./bashrc底部添加 source /e... ......
vite+vue3+ts+elementPlus前端框架搭建 [二] pinia状态管理
前面已经完成了基本框架搭建,下一步针对各个模块的封装以及实验 本章主要是针对pinia的状态模块实现 1. 创建Store 在src文件夹下创建一个store的文件夹,并在该文件夹下创建index.ts文件,内容如下: import type { App } from 'vue'; import { ......
前端项目模块
用户注册和登录模块: 用户可以通过注册账号并登录系统,保证用户身份和权限的安全性。 主页模块: 展示网站的主要内容和功能入口,提供用户导航和快速访问功能。 商品展示和搜索模块: 展示网站的商品信息,支持用户根据关键词搜索商品。 商品详情模块: 展示单个商品的详细信息,包括图片、描述、价格等。 购物车 ......
vue 获取当月第一天日期和最后一天日期
// 获取当月第一天数据 getCurrentMonthFirst() { let date = new Date() date.setDate(1) let month = parseInt(date.getMonth() + 1) let day = date.getDate() if (mon ......
vite+vue3+ts+elementPlus前端框架搭建 [一]
记录下搭建vite + vue3 + ts + elementPlus项目的过程及遇到的问题。 建议使用pnpm安装依赖,npm切换到pnpm 链接地址:[https://www.pnpm.cn/installation]() 1. 运行环境 node -v v18.17.0 npm -v 9.8. ......
【.NET6 + Vue3 + CentOS7.9 + Docker + Docker-Compose + SSL】个人博客前后端运维部署
个人博客 前端:https://lujiesheng.cn 个人博客 后端:https://api.lujiesheng.cn 个人博客 运维:https://portainer.lujiesheng.cn # 1. 服务器准备 我采用的是 腾讯云轻量应用服务器(2C 4G 8M 80G),配置如下 ......
vue 防连点
```javascript directives: { preventReClick: { inserted: function (el, binding) { el.addEventListener('click', (e) => { if (!el.disabled) { el.style.po ......
Vue3中级指南-如何在vite中使用svg图标
vite-plugin-svg-icons 预加载 在项目运行时就生成所有图标,只需操作一次 dom 高性能 内置缓存,仅当文件被修改时才会重新生成 安装 node version: >=12.0.0 vite version: >=2.0.0 yarn add vite-plugin-svg-ic ......
前端输入框空格校验
.校验开头不能有空格: jQuery.validator.addMethod("firstNotHasBlank", function(value, element) { var fBlank =/^\S+/; return this.optional(element) || (fBlank.tes ......
禁止别人调试自己的前端页面代码
🎈 为啥要禁止? 由于前端页面会调用很多接口,有些接口会被别人爬虫分析,破解后获取数据 为了 杜绝 这种情况,最简单的方法就是禁止人家调试自己的前端代码 🎈 无限 debugger 前端页面防止调试的方法主要是通过不断 debugger 来疯狂输出断点,因为 debugger 在控制台被打开的时 ......
vite 项目webstorm跳转失效 VSCode、vue 无法对 @ 路径 跳转 ,几乎适用于所有webpack、vue、react项目
在根目录加一个jsconfig.json文件 { "compilerOptions": { "baseUrl": ".", "paths": { "@/*": ["src/*"] }, "target": "ES6", "allowSyntheticDefaultImports": true }, ......
vue 通过css 给html元素增加前缀红色星号
` `前面增加红色星号 要为``的`label`增加红色星号,你可以使用CSS中的伪元素 `::after` 或 `::before` 来实现。下面是如何在样式中添加红色星号的示例: ``` ``` ......
前端学习之HTML——(1)
1、html的基本结构 a.首先是注释信息,在html中使用<!--xxx-->这样的方式来进行注释 b.DOCTYPE,这是告诉浏览器所使用规范,一般可以不加这个,因为现在的浏览器默认所使用的规范为html c.head标签,表示网页的头部,其中会放入其他标签 d.meta标签,这是一个描述性的标 ......
OpenCV实战:从图像处理到深度学习的全面指南
> 本文深入浅出地探讨了OpenCV库在图像处理和深度学习中的应用。从基本概念和操作,到复杂的图像变换和深度学习模型的使用,文章以详尽的代码和解释,带领大家步入OpenCV的实战世界。 # 1. OpenCV简介 ## 什么是OpenCV? ![file](https://img2023.cnblo ......
在mac终端中,使用tree命令,出现zsh: command not found: yytree 解决办法
首先 安装 homebrew ``` /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" ``` 其次安装tree 命令 ``` brew install tr ......
通过Vue + intro.js 实现页面新手引导流程功能
最近需要增加一个新手页面引导流程的功能,在网上搜罗之后发现了intro.js这个插件 1.安装依赖 npm install intro.js --save 2.在main.js中引用插件 // 首页引导插件import intro from 'intro.js' // introjs库import ......
【备考实战】计算机二级Python刷题【一】
博客推行版本更新,成果积累制度,已经写过的博客还会再次更新,不断地琢磨,高质量高数量都是要追求的,工匠精神是学习必不可少的精神。因此,大家有何建议欢迎在评论区踊跃发言,你们的支持是我最大的动力,你们敢投,我就敢肝 ......
vue--day51--全局事件总线
1.main.js /** * 该文件是整个项目的入口文件 */ //引入Vue import Vue from 'vue' // 引入App 组件 他是所有组件的父组件 import App from './App.vue' //关闭vue 的生产提示 Vue.config.productionT ......
vue--day50--todolist案例自定义事件修改footer 和header 修改
1.MyHeader.vue <template> <div class="todo-header"> <!--v-model:="title" 是实时绑定的 --> <input type="text" placeholder="请输入你的任务名称,回车键确认" v-model="title" @ ......
k8s 学习笔记之基础实战入门
## Namespace Namespace 是 kubernetes 系统中的一种非常重要资源,它的主要作用是用来实现**多套环境的资源隔离**或者**多租户的资源隔离**。 默认情况下,kubernetes集群中的所有的Pod都是可以相互访问的。但是在实际中,可能不想让两个Pod之间进行互相的访 ......
机器学习实战-基于Python3和C++(5)- python之tensorflow(1)
[TOC] # tensor ```pyhon import tensorflow as tf x=tf.constant(19) y=tf.constant(22) x+y z=x+y print(z) tf.Tensor(41, shape=(), dtype=int32) a=tf.const ......
ruby web 实战(9)-vue 3基础(3)
[TOC] # 选项式 API (Options API) 用包含多个选项的对象来描述组件的逻辑,例如 data、methods 和 mounted。选项所定义的属性都会暴露在函数内部的 this 上,它会指向当前的组件实例。 ```html {{numSum}} add ``` ......
Vue进阶用法4
#Vue进阶用法4 ## vue3介绍 ```python 1.性能的提升 打包大小减少41% 初次渲染快55%, 更新渲染快133% 内存减少54% 2.源码的升级 使用Proxy代替defineProperty实现响应式 重写虚拟DOM的实现和Tree-Shaking 3.拥抱TypeScrip ......