devtools浏览器edge vue
vue3 相关知识汇总
1 组合式api 和选项式api 1.1 概念 选项式api：用包含多个选项的对象来描述组件的逻辑。 组合式api：组合式api使用导入的API函数来描述组件逻辑。组合式API通常会与<script setup>搭配使用。 1.2 应用场景 选项式api： 不需要使用构建工具 或者低复杂度的场景， ......
CentOS中jenkins服务启动正常但是浏览器无法访问
解决方法： 1、检查下jenkins服务 使用命令：systemctl status jenkins（检查状态是否存在报错信息） 2、查看端口 使用命令：ps -ef |grep jenkins（检查端口是否正常启用） 3、检查防火墙 使用命令：systemctl status firewalld. ......
【python】浏览器自动化Selenium安装WebDriver最新Chrome驱动
selenium 是浏览器自动化测试框架，原本被用于网页测试。但到了爬虫领域，它又成为了爬虫的好帮手。selenium 可以控制你的浏览器，模仿人浏览网页，从而获取数据，自动操作等。 首先打开 Chrome 浏览器，依次点击浏览器右上角的 三个点 - 帮助 - 关于 Google Chrome 查看 ......
vue-element-ui 日期选择器 前后端联调
前端: <el-col :span="8"> <div class="block"> <el-col :span="4">交接日期</el-col> <el-col :span="1"></el-col> <el-col :span="16"> <el-date-picker style="widt ......
vue3中的样式为什么加上scoped不生效
<style>标签添加scoped属性时，Vue会自动为该组件内的所有元素添加一个独特的数据属性，例如data-v-f3f3eg9。同时，它也会修改你的CSS选择器，使得它们只匹配带有这个独特数据属性的元素。这样做的目的是为了确保样式只应用于当前组件内的元素，避免影响到其他组件。 然而，当你尝试覆盖 ......
Mac Vue-cli脚手架搭建
安装node环境 官网地址：http://nodejs.cn/download/ 我选择版本：v16.16.0 修改npm镜像地址 # 查看镜像地址 npm config get registry # 设置镜像地址 npm config set registry https://registry.n ......
ruoyi-vue-activiti执行npm i出现node-sass报错
解决方法：把ruoyi-ui下面的package.json里对应的这两项，改成如下图所示的版本，再次执行npm install && npm run dev就可以了 参考资料： https://blog.csdn.net/qq_40095911/article/details/119253908 ......
vue3构建全流程
1.创建工程： npm init vue@latest 删除components下的所有自动生成文件： 新建目录api、utils、views 将request.js放在utils下, request.js内容： //定制请求的实例 //导入axios npm install axios impor ......
[前端][Vue] 利用webstorage API存储数据
关于webstorage API 官方文档 https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API 省流说明 1️⃣两种 -- localStorage & sessionStorage 2️⃣存多久 -- local一直存到 ......
浅析浏览器数据库IndexedDB：基本概念、操作流程及各对象属性和方法
一、概述 随着浏览器的功能不断增强，越来越多的网站开始考虑，将大量数据储存在客户端，这样可以减少从服务器获取数据，直接从本地获取数据。 Cookie 的大小不超过4KB，且每次请求都会发送回服务器； LocalStorage 在 2.5MB 到 10MB 之间（各家浏览器不同），而且不提供搜索功能， ......
基于vue脚手架练习3
<template> <div> <first-page-3 :person="person" ></first-page-3> </div> </template> <script> import FirstPage3 from './FirstPage3.vue' export default ......
21.浏览器兼容性测试工具
IETester：可以方便的解决IE浏览器的兼容问题 Browsershots：一个在线测试工具，支持很多浏览器 开发者工具 - Toggle device toolbar Toggle device toolbar 模拟移动设备界面 自定义设备 旋转屏幕 生成页面快照 显示标尺 缩放视图 限制网络 ......
vue复制方法实现
npm install --save vue-clipboard2 import VueClipBoard from 'vue-clipboard2' Vue.use(VueClipBoard) value即是要复制的内容 <button @click="seccendCopy">第二种方式复制</ ......
vue3+vite+js中二次封装axios
一、安装axios npm i axios 二、文件结构 涉及到的文件： utils/request.sj api/index.js（可以根据不同页面在api文件下新建不同文件夹，方便管理） vite.config.js 三、request.js 对axios进行简单的二次封装 import axi ......
浏览器录屏技术探究与实践
一、引言 随着网络技术的快速发展，浏览器已经成为人们获取信息的主要途径。浏览器录屏技术作为一种新兴的媒体捕捉和分享方式，逐渐受到广泛关注。本文将对浏览器录屏技术进行深入探讨，分析其实现原理，并给出实际应用中的解决方案。 在线录屏 | 一个覆盖广泛主题工具的高效在线平台(amd794.com) htt ......
浏览器调试工具的使用
【【浏览器调试工具精讲】Chrome Dev Tools精讲，前端必看！】 https://www.bilibili.com/video/BV1KM4y1G7EF/?share_source=copy_web&vd_source=6bac919d0e003af4419677ae239707bf ......
在SpringBoot和Vue3中使用Google的reCaptchaV3
Google的RecaptchaV3是一种对用户很友好的验证码模型，接下来从0开始介绍RecaptchaV的使用。 首先是需要去google的官网申请reCaptchaV3（google账号和访问方式请自备，这里不描述） https://www.google.com/recaptcha/about/ ......
Java实现浏览器端大文件分片上传
背景介绍 Breakpoint-http，是不是觉得这个名字有点low，break point断点。这是一个大文件上传的一种实现。因为本来很久没写过前端了，本来想自己好好写一番js，可惜因为种种原因而作罢了。该项目是基于一款百度开源的前端上传控件：WebUploader（百度开源的东西文档一如既往的 ......
vue 中各种莫名其妙的问题汇总
问题1： 现象：弹出框中的字段或者下拉框，输入值或者下拉选择后，无法显示（渲染）成正确的值。 解决：1.查看一下当前弹出框中的所有的属性是否有默认赋值或者有没有对应的属性声明。 一般情况我们会把弹框封装成一个对象，但是有的时候会不声明里面的属性。 例如：formData:{} 在这种情况下，直接使用 ......
HTTP 错误 403.14 - Forbidden Web 服务器被配置为不列出此目录的内容。没有为请求的 URL 配置默认文档，并且没有在服务器上启用目录浏览。
HTTP 错误 403.14 - ForbiddenWeb 服务器被配置为不列出此目录的内容。 出现以上这个错误可能有如下解决方法： 1.将应用程序池设置成V4.0 2.在配置文件中加上以下几句代码：<system.webServer>< modules runAllManagedModulesFo ......
springboot008基于位置的多分馆图书馆推荐系统vue
第一章 系统概述1.1课题背景近几年来，互联网发展的脚步在近几年越来越迅猛，与此同时，各类电子商务也发展的越来越快，人们也越来越离不开网络所带来的便利性和便捷性，并且可以利用电商就能在线进行各种的售卖活动，如鞋、衣服以及二次元图书等等各类图书。计算机应用技术不断得到发展和推广应用。很多发达国家和一些 ......
edge 开启实验功能(edge://flags)
edge 开启实验功能(edge://flags)：Parallel downloading 开启多线程下载Microsoft Edge Split Screen 启用分屏Microsoft Edge rounded corners 启用圆角选项卡Microsoft Edge minimal too ......
springboot007街球社区网站(vue)
第1章 绪论1.1 课题背景互联网+这个概念被提出来已经很久了,那么到底什么是"互联网+"呢?简单地说"互联网+"也就是"互联网+各个传统行业,这也就是一种充分运用互联网的平台,让我们传统产品和互联网进行更加深度的交流和融合,形成一种产品发展的生态,提升我们传统产品和行业之间的关系。实现了互联网的双 ......
springboot008基于位置的多分馆图书馆推荐系统vue
第一章 系统概述1.1课题背景近几年来，互联网发展的脚步在近几年越来越迅猛，与此同时，各类电子商务也发展的越来越快，人们也越来越离不开网络所带来的便利性和便捷性，并且可以利用电商就能在线进行各种的售卖活动，如鞋、衣服以及二次元图书等等各类图书。计算机应用技术不断得到发展和推广应用。很多发达国家和一些 ......
[Vue] props属性
vue2里组件的一个属性，用来传递组件外部发来的数据 传递数据 <Student name="Bob" age=22/> 接收数据 -- 3种方法 // 1. receiving data only // 组件里的props属性，和data/method同级 props:['name', 'age' ......
使用VisualVM浏览分析堆转储
堆转储是Java虚拟机（JVM）堆中所有对象在某个时间点的快照。JVM为堆中所有类实例和数组的对象分配内存。当不再需要某个对象并且没有对该对象的引用时，垃圾回收器会回收堆内存。通过VisualVM检查堆，您可以找到对象的创建位置，并在源中找到对这些对象的引用。 如果 JVM 软件无法从堆中删除不需要 ......
vue 前端自动打开文件地址进行下载
最近在做异步导出的功能，导出的过程中前端另外启动一个查询导出进度的线程接口。如果导出完成后，把生成的文件上传到服务器，返回给前端一个文件的下载地址；前端自动打开这个地址进行跳转下载。 有两种方式 1.直接使用js自带的方式打开链接 这种方式有一个问题，会被浏览器自动拦截弹出的窗口：”已阻止弹出窗口“ ......
[Vue] ref属性
ref属性是vue2中的一种属性，用来注册组件或元素的引用信息，或者说是另一种id 应用在html标签里，返回的就是整个DOM元素 应用在组件里，返回的就是VueComponent实例对象 如何使用 // to use ref in tags/components <h1 ref="demo">he ......
2024 年最值得推荐的 7 个 Vue3 组件库
你好，我是 Kagol。 Vue 是一款易学易用，性能出色，适用场景丰富的渐进式 JavaScript 框架，深受广大开发者的喜爱，Vue3 更是推出了 Composition API，让逻辑复用更友好。 马上就到 2024 年了，如果你的项目正在使用 Vue3，或者打算升级 Vue3，以下 Vue ......
JavaScript 浏览本地文件夹
1. JavaScript 浏览本地文件夹 button.onclick = async function () {// 给按钮绑定事件 try { const handler = await showDirectoryPicker( // { // mode: 'readwrite', //指定读 ......