devtools浏览器edge vue
vue3 defineEmits的用法
import { defineEmits } from 'vue' //定义emit 类型 interface EmitsType { (e: 'bClick', item: {name:string,age:number}): void } const emit = defineEmits<Emi ......
vue3 defineProps 的用法
import { defineProps, withDefaults, toRefs } from 'vue' //props 传过来的值的类型定义 interface ModuleType { num: number } const props = withDefaults(defineProps ......
uniApp中 vue3 setup语法糖中 调用onLoad，onshow 等生命周期
import { onLoad,onShow } from "@dcloudio/uni-app"; onShow(()=>{ console.log(msg.value) }) ......
Edge浏览器获取Cookie和User-Agent方法
Edge浏览器获取Cookie和User-Agent方法 1、在浏览器界面点击F12或 Ctrl + Shift + I 或； 2、找到网络，如界面未显示则可能被隐藏了，点击 》或右边得 +号，找到即可； 3、点击按钮刷新浏览器 或 F5 或 Ctrl + R； 4、在筛选器点击全部显示； 5、在名 ......
vue-cli 的配置和使用
### vue-cli介绍 vue-cli 是 Vue.js 开发的标准工具。它简化了程序员基于 webpack 创建工程化的 Vue 项目的过程。 [中文官网](https://cli.vuejs.org/zh/) 在工程化的项目中，vue 要做的事情很单纯：通过 main.js 把 App.vu ......
vue导航吸顶
所说的吸顶效果就是在页面没有滑动之前，当页面向上滑动之后，导航栏始终固定在页面的上方。 具体代码： 写入事件监听，监听滚动条。 mounted () { // 事件监听滚动条 window.addEventListener('scroll', this.watchScroll,true) } 然后在 ......
vue3+ts+vite 炼丹之路（第一回）
前言： 作为一个写了七年的C#，半年PHP，三年的vue+两年的Java程序员，多少有点不伦不类，无奈，性格如此，小孩子才做选择，我全都想要☺， 相信现如今的形势下，有着和我相同经历的道友不在少数，革命一块砖，哪里需要哪里搬，有人说贪多嚼不烂，也有人说艺多不压身，至于能达到何种高度，想必都在个人投入 ......
线上环境如何开启vue devtool
``` var Vue, walker, node; walker = document.createTreeWalker(document.body,1); while ((node = walker.nextNode())) { if (node.__vue__) { Vue = node.__ ......
vue亚马逊云AWS SDK对接封装
使用亚马逊云的AWS3sdk实现云存储对接，作为最大的云存储服务商国内腾讯的cos阿里的alicos以及minio 都兼容亚马逊的sdk，这样在对接时可减少很多工作量，同时也支持在服务商间快速切换 ### 说明 `cacheStsInfo`为由后端返回的sts配置信息，根据实际业务需要，具体信息包含 ......
html告诉浏览器不要缓存错误页面
如果您在浏览器中点击后退按钮，则浏览器将重新加载之前的请求，并显示 404 错误页面内容。这是因为浏览器会缓存错误页面内容，并在您点击后退按钮时从缓存中加载之前的请求结果，而不会重新向服务器发出请求。 为了避免这种情况的发生，您可以设置缓存控制来确保浏览器不会缓存错误页面。在自定义的 404 页面中 ......
vue对kindeditor进行封装以及使用
下载kind editor后需要使用的文件如下（其他没用到的可删除）  封装成组件以及自定义上传插件 上传图片后生成i ......
vue this.$route.query 和this.$route.params的使用与区别
一：this.$route.query的使用 #1、传参数： this.$router.push({ path: '/index/detail', query:{itemId: item.id} }); #2、获取参数 this.$route.query.itemId #3、url的表现形式 htt ......
直播app开发搭建，Vue Element UI Upload 上传多张图片
直播app开发搭建，Vue Element UI Upload 上传多张图片 <template> <div> <el-card> <h1>轮播图 - 图片上传管理</h1> <el-divider></el-divider> <!--注意：使用 :model="uploadImgForm" 不要使 ......
51.使用vue3+vite+typescript+element_plus的setup语法糖实现发送axios的get请求http://localhost:3000/users接口数据，将获取到的json数据显示在页面上
<template> <div> <ul> <li v-for="user in users" :key="user.id">{{ user.name }}</li> </ul> </div> </template> <script setup lang="ts"> import { ref, on ......
前端解决浏览器跨域问题
自从前后端分离后，浏览器做出了很多的限制，如产生跨域时将限制访问服务器，那要如何解决前端跨域的问题，下面将以谷歌浏览器（chrome）为标椎来提出一个简单且常用解决方案。 一、创建一个能够跨域的谷歌浏览器 下载并安装谷歌浏览器以后（如果已经拥有那就不用），右击谷歌浏览器使用快捷方式创建出另一个谷歌浏 ......
vue-封装组件-超出部分限制...，并且提示
显示效果 代码： <template> <div class="tip"> <el-tooltip :content="content" placement="top" width="400" :disabled="!isShowTooltip"> <span class="member-label ......
vue3学习中使用vue-router@4的问题Invalid VNode type: undefined (undefined)
首先是按照常规的箭头函数引入的方法，结果报一下错误，且页面报错 const HelloWorld=()=>import('../components/HelloWorld.vue'); 解决办法 import { defineAsyncComponent } from 'vue' const Hel ......
vue中el-select 多选限制条件（根据不同选项进行不同可选可不选）
首先看一个数据结构： 1：无缺陷 2：有缺陷-》缺陷1，缺陷2，缺陷3 3：审核不通过 把它们集成到一个平面数据，进行下拉所选就变成了： 1：无缺陷，2：审核不通过，3：缺陷一，4：缺陷二，5：缺陷三。 因为字典项是个平面的，所以在类似的大批量的情况下，有缺陷这个类如果还按照这种结构除非自己去归类。 ......
浏览器——同源策略
@[TOC](同源策略) # 含义 1995年，同源政策由 Netscape 公司引入浏览器。目前，所有浏览器都实行这个政策。 最初，它的含义是指，A网页设置的 Cookie，B网页不能打开，除非这两个网页"同源"。所谓"同源"指的是"三个相同"。 ```javascript 协议相同 域名相同 端 ......
桌面浏览器上的 viewport——手机浏览器上的layout viewport和visual viewport
viewport 是浏览器视口，代表浏览器的可视区域，也就是浏览器中用来显示网页的那部分区域。在桌面电脑上，由外到内分为显示器窗口、浏览器窗口、浏览器视口 (viewport)、 元素、 元素、其它元素。 **显示器窗口** 显示器窗口就是你的显示器屏幕的可见区域。显示器的分辨率，描述的是显示器窗口 ......
如何查询并复制edge浏览器的cookie
## 步骤一 按下F12，打开开发调试工具（如果打不开就按fn+F12试试）  ## 步骤二：点击Network（网 ......
Vue ref和reactive
1.ref：接受一个内部值，返回一个响应式的、可更改的 ref 对象，此对象只有一个指向其内部值的属性 .value 1.1为了读写通过ref()创建的响应式变量，你需要通过.value属性来访问，可以使用unref直接获取返回值，如果unref()的参数是一个ref，就会返回其内部值。否则就返回参 ......
基于JAVA的springboot+vue摄影跟拍预定管理系统,附源码+数据库+论文+PPT
**1、项目介绍** 困扰管理层的许多问题当中,摄影跟拍预定管理一定是不敢忽视的一块。但是管理好摄影跟拍预定又面临很多麻烦需要解决,例如有几个方面:第一,往往用户人数都比较多,如何保证能够管理到每一用户;第二,如何在工作琐碎,记录繁多的情况下将摄影跟拍预定的当前情况反应给领导相关部门决策等。在此情况 ......
vue3+vite 中自定义 svg 图片 icon
关于 vue3 + vite 开发一个管理后台，并在后台中使用 自定义的 svg 图片左右路由icon #### 安装依赖 * `npm i vite-plugin-svg-icons --D` 或者 * `yarn add vite-plugin-svg-icons --D` 等其它的安装工具 # ......
vue3.0 study
# 1、 new Vue - > create(vue) #### 2.0  #### 3.0 ![](https ......
效率神器，边看网页边问ChatGPT！神级ChatGPT插件（浏览器扩展）推荐！
如果在看一个网页时，有些词不认识、句子不知道含义，怎么办？ - 憨憨版：不认识就算了呗，还能咋滴 - 进阶版：复制到 Google/Baidu 里问一问； - AI达人版：复制到 ChatGPT/Claude 里问一问； - 懒人无敌效率大师版：安装「**Sider-ChatGPT**等类似」的插件 ......
Vue04-vue-router
# vue-router 目前前端流行的三大框架, 都有自己的路由实现: - Angular：ngRouter - React：ReactRouter - Vue：vue-router Vue Router 是 Vue.js 的官方路由： 它与 Vue.js 核心深度集成，让用 Vue.js 构建单 ......
SpringBoot+vue使用bcrypt对注册密码加密及登录校验
一、注册 1.后端 在pom.xml文件中加入 <dependency> <groupId>org.springframework.security</groupId> <artifactId>spring-security-crypto</artifactId> </dependency> lom ......
Vue引入Element组件
直接在VS Code的VueCLI的项目里进行npm安装，终端输入 npm i element-ui -S 显示报错信息，-4048，看了一下应该是我权限不够，虽然这里的VSCode也是Powershell的终端命令。 打开桌面主菜单，选择管理员命令行，切换到指定的文件下，然后安装element，成 ......