devtools浏览器edge vue

基于 Python 和 Vue 的在线评测系统

基于 Docker,真正一键部署 前后端分离,模块化编程,微服务 ACM/OI 两种比赛模式、实时/非实时评判 任意选择 丰富的可视化图表,一图胜千言 支持 Template Problem,可以添加函数题甚至填空题 更细致的权限划分,超级管理员和普通管理员各司其职 多语言支持:C, C++, Ja ......
Python 系统 Vue

vue2组件

概念 组件是视图层的基本组成单元。 组件是一个单独且可复用的功能模块的封装。 一个组件包括开始标签和结束标签,标签上可以写属性,并对属性赋值。内容则写在两个标签之内。 根节点为 <template>,这个 <template> 下只能且必须有一个根 <view> 组件。这是vue单文件组件规范。 一 ......
组件 vue2 vue

VUE中的 TreeSelect使用

vue-treeselect的组件使用 一 先通过npm 安装 vue-treeselect npm intall --save @riophae/vue-treeselect 二 页面中引入,声明组件 三 页面使用 然后动态绑定data(数据) 这个Id和Label还有children都是可以修改 ......
TreeSelect VUE

火狐浏览器缩小标签页高度以及自定义调整

原因:新版的火狐标签页和地址栏太高了,比chrome和Edge都要高不少,有点浪费屏幕空间,不知道官方为什么这样设计,当然火狐是开源的,而且从一开始就以定制化和附加组件起家,想调整肯定是可以的,但是我还是有点懒,搜索了一下,发现有一个紧凑模式,开了以后跟其他浏览器就一样高了,但是官方已经不建议使用, ......
火狐 高度 浏览器 标签

从零开始一个vue3前端项目day03-网络请求配置篇

网络请求配置是项目中必不可少的部分,接下来就讲解一下项目中网络请求配置的常用步骤1:选择网络请求库,一般vue采用axios,react采用umi框架的request,接下来就是在项目引入啦 $ npm install axios 2:一般在项目中我们都会对网络请求进行一个相应的封装,采用axios ......
前端 项目 网络 vue3 vue

银河麒麟服务器操作系统V10SP2离线安装Google Chrome浏览器

https://blog.csdn.net/ShenSeKyun/article/details/132224932 https://www.google.cn/chrome/index.html GOOGLE网址最下方下载LINUX版本的浏览器安装包 打开终端,输入 rpm -ivh google ......
浏览器 服务器 Google Chrome 系统

关于处理 vue data中对象或数组中响应式数据的注意点

vue2 中针对对象中的响应式数据,如果要想修改他们,只能通过监听的特性实现。不能直接赋值。 在 vue2 源码中,计算属性和 watch 的实现方式是一样的,都具有监听响应式对象或数组中的数据的功能。区别就是,计算属性具有缓存机制。 除此之外,还可以直接使用 this.$set(obj,key:S ......
数组 对象 数据 data vue

disconnected: unable to send message to renderer (failed to check if window was closed: disconnected: not connected to DevTools) (Session info: chrome=115.0.5790.110)

用的 selenium/standalone-chrome 镜像没有做任何的更改,一访问 http://127.0.0.1:4444/wd/hub 提示如下: disconnected: unable to send message to renderer (failed to check if w ......
disconnected to connected DevTools renderer

Vue3 组件封装——文件上传

​ 1. 默认方法 使用 input 标签 设置 type = file <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edg ......
组件 文件 Vue3 Vue

关于vue.js

一、使用之前,我们先来掌握3个东西是用来干什么的。 npm: Nodejs下的包管理器。 webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备,比如资源的合并和打包。 vue-cli: 用户生成Vue工程模板。(帮你快速开始一个vue的项目,也就是给 ......
vue js

Vue3 全局 CSS 样式

在Vue3中 设置全局的网页样式 ......
全局 样式 Vue3 Vue CSS

浏览器分身-防关联

浏览器分身是什么?(回答]:所“浏览器分身就是一个完全隔离的浏览器实例,它拥有真实且唯一的浏览器指纹,可绑定不同的IP地址,以及自己的配置文件 (用来存储Cookie、历史记录等信息)浏览器分身与指纹、IP地址有什么关系?(回答]:浏览器分身与指纹、IP地址关系密切。简单一句话就是,1个分身必须要绑 ......
浏览器

简析Vue的响应式(或叫双向数据绑定)及其原理

上一讲,我们讲Vue和React异同的时候,讲到Vue是响应式的,那么这个响应式到底具体是什么样的?这一讲,我们来仔细看看这个话题。 简单点来说,就是在Vue的数据变量值变化时,变化可以同步到视图;在视图值变化时,视图的值变化可以同步到Vue的数据变量(注意:这里的数据变量是指Vue实例的data属 ......
双向 原理 数据 Vue

轻松理解Vue和React的异同

在前端界,Vue和React最近几年一直是我们开发前端项目的两个主流选项。但作为一个想要学习使用框架最快速开发应用的新人我应该先学习哪个?或者说当我们在开发一个新项目时,到底具体是应该选择用Vue呢?还是应该选择用React?这两个的区别是什么?联系是什么?这篇文章,我尽量用最简单的语言来试图阐述我 ......
异同 React Vue

vue 报错:npm ERR! peer eslint@">= 1.6.0 < 7.0.0" from @vue/cli-plugin-eslint@4.5.19

npm ERR! code ERESOLVEnpm ERR! ERESOLVE unable to resolve dependency treenpm ERR! npm ERR! While resolving: admin@0.1.0npm ERR! Found: eslint@7.32.0np ......
eslint cli-plugin-eslint quot vue plugin

Vue源码学习(一):数据劫持(对象类型)

好家伙,了解一下Vue如何实现数据劫持 1.Vue中data的使用 首先,我得搞清楚这玩意的概念,我们先从vue的使用开始吧 想想看,我们平时是如何使用vue的data部分的? 无非是这两种情况 (你可千万不要带着惊讶的表情说"啊!原来有两种写法的吗") //函数写法 data() { return ......
源码 对象 类型 数据 Vue

浏览器访问ip总是解析到域名的问题

浏览器设置了默认的dns缓存时间,发现等待超过这个时间后,ip正常访问 windows里清除dns缓存 ......
浏览器 域名 问题

vue3封装筛选项

### 背景 #### 项目开发中遇到筛选项,并且几个页面都有使用,依次写,太过于繁琐 ### 筛选项解构如下 ![](https://img2023.cnblogs.com/blog/1705955/202308/1705955-20230831183002566-2066163789.png) ......
vue3 vue

从零开始一个vue3前端项目day02-vite配置篇

完成了路由的配置,就准备进行页面开发等了 ,与此同时我们也要对所使用到的组件库进行一个引入和配置 本次项目采用element-plus组件库全局导入肯定是不可取的,推荐参照官网的按需自动引入 然后就是导入文件路径配置 在项目中我们想import文件使用.././这种方式引入非常麻烦,所以我们可以配置 ......
前端 项目 vue3 vite vue

pageoffice 6 Vue+Springboot磁盘路径打开文档

- 本示例关键代码的编写位置 [Vue+Springboot](https://www.pageoffice.cn/pages/f76d87/ "Vue+Springboot") **注意 本文中展示的代码均为关键代码,复制粘贴到您的项目中,按照实际的情况,例如文档路径,用户名等做适当修改即可使用。 ......
磁盘 pageoffice Springboot 路径 文档

问题(Uncaught ReferenceError: vue is not defined)和解决方法

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......

从零开始一个vue3前端项目day02-路由配置

把整体项目框架搭建好之后,首先就是对我们的路由进行配置 模块化配置路由,不同页面的路由配置单独放在文件里 config文件用来放路由守卫配置 这里来说一下路由守卫的作用, https://router.vuejs.org/zh/guide/advanced/navigation-guards.htm ......
前端 路由 项目 vue3 vue

Vue+Elemnt-UI遍历生成form-item并为其绑定校验规则

需求:接口获取数据,动态渲染表单(文本框类型,内容,标签,是否必填) 参照博主:blog.csdn.net/qq_33769914/article/details/122449601 遇到的问题:1.通过对单个item绑定的校验规则不生效(表现为:不弹提示,或填了内容依旧提示) 2.提示出现后通过c ......
Elemnt-UI form-item 规则 Elemnt form

VUE2+Swiper(H5邀请函开发)

#1、引入swiper * 安装固定版本 ``` npm i swiper@5.3.6 npm i vue-awesome-swiper@4.0.4 ``` #2、下载 `https://3.swiper.com.cn/download/index.html` 1. 下载 animate.min.c ......
邀请函 Swiper VUE2 VUE

.Net 6/NetCore3.1 Vue Element Uniapp前后端分离低代码快速开发框架

# .Net 6/Net Core Vue Element Uniapp前后端分离低代码快速开发框架 这是一个能提高开发效率的开发框架,全自动生成PC与移动端(uniapp)代码;支持移动ios/android/h5/微信小程序。 # 一、框架能做什么 1、前后端分离项目 2、纯后端项目 3、移动端 ......
框架 NetCore3 Element NetCore 代码

IE浏览器闪退,自动打开edge浏览器的解决方案

本文来源:https://zhuanlan.zhihu.com/p/608660352 Internet属性小窗口, 选择「高级」: ![image](https://img2023.cnblogs.com/blog/1435569/202308/1435569-20230831155015819- ......
浏览器 解决方案 方案 edge

vue3 甘特图(一):选择与初始化甘特图

vue3 甘特图(一) 1.功能使用背景: 甘特图是一种项目管理工具,以图形直观的方式显示项目的时间轴和任务计划 2.vue3 初始化甘特图 gantt 2.1 下载安装 dhtmlx-gantt 依赖包 npm install dhtmlx-gantt -save 2.2 引入插件 import ......
vue3 vue

当vue的el-dialog弹窗出现层级问题时,加个:append-to-body="true"

1、当dialog弹窗出现在遮罩层下面时,如这种情况: 2、解决办法就是,加个:append-to-body="true" 属性,效果如下: 。 ......
层级 quot append-to-body el-dialog dialog

数据可视化【原创】vue+arcgis+threejs 实现流光立体墙效果

本文适合对vue,arcgis4.x,threejs,ES6较熟悉的人群食用。 效果图: 素材: 主要思路: 先用arcgis externalRenderers封装了一个ExternalRendererLayer,在里面把arcgis和threejs的context关联,然后再写个子类继承它,这部 ......
流光 立体 效果 threejs 数据

node、npm版本升级,同时解决升级后vue项目运行报错

升级node和npm 1、首先,需要确定当前安装的Node.js的版本。可以通过在命令行中运行以下命令来查看: node -v 2、如果当前版本较旧,可以考虑升级到最新版本。可以访问Node.js官方网站(https://nodejs.org/)下载最新的Node.js安装包。 不想下载最新的版本, ......
同时 版本 项目 node npm