事项vue cli 01
【Go新手起步01】5步完成 vscode的go插件安装跟激活。
首先下载vscode,进行两个插件安装，如图所示 然后下载go语言，在官网https://go.dev/doc/install下载 cmd打开，输入go version验证下载是否成功。 在dos页面输入 go env -w GO111MODULE=on go env -w GOPROXY=http ......
VUE- history模式发布项目部署
VUE- history模式发布项目部署 环境：vue项目 发布后，通过nginx部署到docker容器内。 如需要去掉路径中的 #/ 则需要使用history模式发布。 1. 修改路由的配置文件 const router = new Router({ base: process.env.BASE_ ......
Vue项目结构
1、node_module:依赖库2、public:静态资源3、src:组件源码 assets:资源(图片) components:存放公共组件的地方 App.vue:根组件 main.js:项目入口4、package-lock.json:依赖的详细信息5、package.json:包依赖文件 ......
vue2 + fabric.js 实现撤销、恢复效果
全部代码 <template> <div> <canvas id="canvas" width="400" height="400" style="border: 1px"></canvas> <button :disabled="!canUndo" @click="historyState(sta ......
Vue3.3 的新功能的一些体验
Vue3 在大版本 3.3 里面推出来了一些新功能（主要是语法糖），网上有各种文章，但是看起来似乎是一样的。 我觉得吧，有新特性了，不能光看，还要动手尝试一下。 DefineOptions 宏定义 先来一个简单的，以前我们有时候想设个name，有时候不想让组件自动继承属性，这时候需要单独设置一个sc ......
vue嵌套iframe踩坑
iframe修改src不触发刷新 在vue中通过v-bind绑定src <iframe sandbox="allow-same-origin allow-scripts allow-forms" ref="iframe_page" :src="pageSrc" style="display:bloc ......
vue父组件调用子组件的方法
父组件中写法： <div style="padding: 10px"> <columnTwo ref="child" style="height: 200px;" :columnDataName="columnDataName" :columnData="columnData"></columnTw ......
vue3项目国际化，你还不了解吗？
vue3使用的国际化库为：i18n 安装方式： npm install vue-i18n@next 安装完成后在src文件夹下新建lang文件夹 在lang文件夹下新建需要语言转换的文件夹，这里以中文zh和英文en举例，在这两个文件夹下新建需要转换的语言 在zh的index.ts中写好我们需要转换的 ......
从0到1搭建后台管理系统（Vue3 + Vite4 + TypeScript + Element Plus + Pinia + Vue Router ）
参考有来：https://www.cnblogs.com/haoxianrui/p/17331952.html Node 16+ 版本大于16【问题一：目前我是14.18.2的版本npm是6.14.15版本，这就涉及到要切换node版本的问题，不然我安装了16我的vue2项目就启动不了了】 vsco ......
vue 父子组件生命周期执行顺序
挂载阶段执行顺序为：父beforeCreate -> 父created -> 父beforeMount -> 子beforeCreate -> 子created -> 子beforeMount -> 子mounted -> 父mounted 更新阶段执行顺序为：父beforeUpdate -> 子b ......
vue3+element-plus Calendar 日历组件添加农历、节假日
创建一个vue文件 <script setup lang='ts'> import { ref } from "vue"; import calendar from "./lunarDay";//引入农历、节假日计算方法 defineOptions({ name:'CusCalendar' }) c ......
vue请求后端数据和跨域问题
最近遇到的一个问题 后端写好的接口，前端怎么获取数据 这是我后端的接口：GET 接口 这是我前端运行的项目地址： 简单使用： 咱门前端使用 颇受好评的 axios 来发起请求 这是它的官网：https://www.axios-http.cn/ 不过要在vue中使用它，就需要先安装 打开终端 输入一下 ......
vue8小时带刻度的时间轴，根据当前时间实时定位
效果图： 需求： 1 开始时间、结束时间可配置2 时差固定8小时3 根据当前时间初始化位置4 每隔5s刷新位置5 超过结束时间停止刷新 HTML: <div class="time-axis"> <div class="startTime">{{start_time}}</div> <div cla ......
vue3+ swiper8
swiper是一个非常好用的图片切换组件，但是vue3 + swiper8 版本的文档看上去会有点懵逼（一部分是因为版本太多了，一部分是因为很少用） 此处记录下我的使用方法： 安装： npm i swiper 按照官网来使用： html部分：（基本上常用的也就这些啦，在复杂的就真的要去啃书啦） <s ......
vue实现下拉懒加载
<template> <div class="ele-body infinite-wrapper" style="height: calc(100vh - 235px); overflow: auto" > <div class="columns" v-loading="loading"> <div ......
Vue 前端开发团队风格指南（史上最全）
Vue官网的风格指南按照优先级（依次为必要、强烈推荐、推荐、谨慎使用）分类，本文根据项目实际情况整理了一份适用于团队开发的vue风格指南，供大家参考。 ......
VUE ELEMENT-UI无法用右上角的“X”关闭，取消按钮可用
VUE ELEMENT-UI无法用右上角的“X”关闭，取消按钮可用 原因：清空方式有问题 我定义的要打开的表单： addElementForm: { title: "配置产品要素", dialogFormVisible: false, prod_name: [], prod_code: [], us ......
vue3拾遗（不定期更新）
props传参 会自动跳过key/ref/...等本身就有特殊意义的属性名 路由跳转 当路由到同一个路由组件时，会依次触发onBeforeUpdate、onUpdated生命周期钩子 ......
nginx部署vue项目显示空白页
报错提示: index-fbb90c85.js:1 Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/plain". ......
算法训练DAY01
算法训练DAY01| 704. 二分查找、27. 移除元素 704. 二分查找 大体思路： 处理数组为空的特殊情况 初始化left，right，使用[l，r]形式的二分法 确定while条件，处理二分 实现细节： (l+r)//2 python中//运算符向下取整 处理while中的分支时，最好用c ......
01-爬虫基本知识
爬虫基本知识 学习目标 了解 爬虫的概念 了解 爬虫分类 掌握 爬虫流程 掌握 HTTP基本原理 熟练的使用浏览器开发者工具 socket发送网络请求 一、爬虫的概念 1为什么要学习爬虫 如今我们所处的时代就是一个大数据时代，很多公式都在开展相关数据业务，但是人工智能，大数据中有一个至关重要的东 ......
解决vue中路径中的多一个#
本文要解决的问题是在vue项目中，主路径和vue路径中多一个# 这个东西只需要改一个这个就行 vue-router的mode: ‘history’ const router = new VueRouter({ mode: 'history', routes: [...] }) ......
01-http协议发展历史
超文本传输协议 http是一种用于分布式协作超媒体信息系统的应用程序级协议。它是一种通用的、无状态的协议，可用于超文本之外的许多任务，例如域名服务器和分布式对象管理系统。 HTTP 允许浏览器和服务器进行通信。它构成了 Web 服务器执行最基本操作的基础。HTTP 经历了多个阶段。超文本传输协议第 ......
算法学习day10栈与队列part01-232、225
package LeetCode.StackAndQueuepart01; import java.util.LinkedList; import java.util.Queue; /** * 225. 用队列实现栈 * 请你仅使用两个队列实现一个后入先出（LIFO）的栈，并支持普通栈的全部四种操作 ......
Docker CLI docker compose rm常用命令
Docker 是一个开源的应用容器引擎，让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中，然后发布到任何流行的 Linux或Windows操作系统的机器上，也可以实现虚拟化。Docker是内核虚拟化，不使用Hypervisor是不完全虚拟化，依赖内核的特性实现资源隔离。本文主要介绍Docke ......
vue移动端实现调用相机扫描二维码或条形码
一、首先下载需要的插件 npm install @zxing/library --save 二、假设场景：页面上有个按钮，点击触发扫码功能 @click='scanCode()'，在 methods 写入该方法。 scanCode() { console.log('浏览器信息', navigator ......
java基于ssm+vue药品商超进销存管理系统，附源码+数据库+文档+PPT，适合课程设计、毕业设计
1、项目介绍 使用药品管理系统的分为管理员和用户、员工三个权限模块。 管理员所能使用的功能主要有：首页、个人中心、用户管理、员工管理、药品类别管理、药品信息管理、药品入库管理、药品出库管理、在线咨询管理、留言板管理、系统管理、订单管理等。 用户可以实现；首页、个人中心、在线咨询管理、我的收藏管理、订 ......
HTML-01(到列表)
HTML+CSS html4——>css2——>html5——>css3 w3c官网：www.w3c.org （英文） www.w3school.com.cn里面有很多的教程 （中文） mdn：developer.mozilla.org （部分中文） C/S和B/S架构 C/S C : Client ......
vue国际化（多语言）
方法1：用 js-cookie 包 并且挂载在 main.js 上 1、安装 vue-i18n + js-cookie 插件 npm install vue-i18n -S npm install js-cookie --save 2、去检查一下你安装的 i18n 版本是不是 8.26.5 3、在 ......