布局vue web

Vue中使用Echarts可视化图表

1、首先在项目中安装Echarts 1 npm install echarts 2 npm install echarts --save 2、在项目 main.js 中全局引入 1 import echarts from 'echarts' 2 // 挂载到vue原型上 3 Vue.prototyp ......
图表 Echarts Vue

zabbix web 打开 lastest data 显示空白,http 返回 500

问题 当在zabbix web 的 lastest data 界面上进行一个超大查询(没有限定主机)时,可能因为查询过大,超出了php-fpm进程的内存限制,而导致该界面卡住。(此后打开均无显示,F12查看会看到服务端返回了500报错)。 处理 - 查看nginx请求日志,看到也是500的返回 - ......
空白 lastest zabbix data http

vue3之element-plus

1.安装elementPlus和自动导入插件 npm i elementPlus npm install -D unplugin-vue-components unplugin-auto-import 2、配置自动按需导入 // 引入插件 import AutoImport from 'unplug ......
element-plus element vue3 plus vue

uni-app vue-cli命令行创建项目,拉取模板(dcloudio/uni-preset-vue)失败,443超时报错

### 安装vue/cli npm install -g @vue/cli ### 问题 >根据官网提示,通过 vue-cli 命令行创建项目,出现如下报错。 ``` Fetching remote preset dcloudio/uni-preset-vue... ERROR Failed fet ......
uni-preset-vue uni vue dcloudio 命令

vue : 无法加载文件 C:\Users\jianfei\AppData\Roaming\npm\vue.ps1,因为在此系统上禁止运行脚本。

# 背景 在新电脑上配置vue环境 ``` PS E:\CODE_PROJ\myvue\vue23\P61_使用脚手架\vue_test> npm install -g @vue/cli npm WARN deprecated source-map-url@0.4.1: See https://gi ......
脚本 vue AppData Roaming jianfei

uniapp webview 与vue2页面双向通信

一、准备工作 uniapp: //建立工程,创建显示的页面 <web-view src="http://192.168.0.58:8080" @message="handlePostMessage"></web-view> vue: 安装webview用到的依赖 yarn add @dcloudio ......
双向 webview 页面 uniapp vue2

HTTP 错误 500.19 无法访问请求的页面,因为该页的相关配置数据无效。0x80070005 且编译时web.config?//

这两天配置阿里云服务器时,遇到了个小问题,但因为之前没怎么接触过服务器配置,琢磨了一下午才弄好,首先你得在服务器上安装好服务,然后确定应用发布的.net版本,然后去[官网]()下载这个版本对应的运行时安装在服务器上,就比如我的应用版本是.net6.0.10的,所以就下载6.0.10版本的Hostin ......
0x80070005 x80070005 80070005 错误 页面

前端Vue仿支付宝自定义可滑动轮播分页宫格菜单组件,可支持九宫格 十二宫格 十五宫格

## 背景介绍 随着技术的不断发展,传统的开发方式使得系统的复杂度越来越高。在传统开发过程中,一个小小的改动或者一个小功能的增加可能会导致整体逻辑的修改,造成牵一发而动全身的情况。为了解决这个问题,我们采用了组件化的开发模式。通过组件化开发,可以有效地实现单独开发,单独维护,而且它们之间可以随意的进 ......
动轮 九宫 前端 组件 菜单

我开源了团队内部基于SpringBoot Web快速开发的API脚手架v1.6.0更新

# 什么是 rest-api-spring-boot-starter rest-api-spring-boot-starter 适用于SpringBoot Web API 快速构建让开发人员快速构建统一规范的业务RestFull API 不在去关心一些繁琐。重复工作,而是把重点聚焦到业务。 ## 动 ......
脚手架 SpringBoot 团队 API 6.0

Vue中的虚拟DOM和Diff算法

## 一、 虚拟DOM ### 1. 什么是虚拟DOM? 一个用来表示真实 DOM 节点 的 JS 对象,主要包含标签名 tag、属性 attrs 和子元素对象 children 属性等。 代码示例如下: ``` 标题 段落内容 { tag:'div', attrs:{ id:'baseNo', c ......
算法 Diff Vue DOM

Web应用防护系统OpenWAF开源CC防护模块

导读 OpenWAF自从去年10月开源,半年来已经陆陆续续开源了各大模块,受到了多方的大量关注。最近更是刚刚开源了大家都很期待的CC模块! OpenWAF自从去年10月开源,半年来已经陆陆续续开源了各大模块,受到了多方的大量关注。最近更是刚刚开源了大家都很期待的CC模块! 什么是CC?OpenWAF ......
模块 OpenWAF 系统 Web

vue--day45---组件的自定义指令

1.App.vaule <template> <div > <h1>{{ msg }}</h1> <!--通过父组件给子组件传递函数的props 实现 子给父传数据--> <School :receiveSchoolName="receiveSchoolName"></School> <!-- v- ......
指令 组件 vue day 45

小狐狸AI付费创作系统chatgpt管理后台-前端界面vue源码增加新的登录方式配置

前面我们已经搭建好了小狐狸AI付费创作系统chatgpt管理后台vue前端环境 现在,就修改一下设置地方,使其可以配置使用哪种登录方式 查看路由找界面 一般我们找界面源码,先看一下路由部分,就能知道在哪个界面里 /src/router/index.js 直接就能找到设置地方/views/module ......
前端 狐狸 源码 后台 界面

小狐狸AI付费创作系统chatgpt管理后台-前端界面vue源码环境搭建

小狐狸AI付费创作系统搭建完成以后,只能对接到微信公众号才能使用。我的公众号已经对接了自己的客服系统,没法再对接到小狐狸,所以就想着改造一下用户的登录方式。 现在后台设置部分,除了扫码公众号登录,想要新增一个登录方式,账号密码登录。 编辑源码 后台vue源码已经有了,是基于vue-admin-tem ......
前端 狐狸 源码 后台 界面

vue之sync

在 Vue 中,.sync 是一个用于实现双向数据绑定的特殊修饰符。它允许父组件通过一种简洁的方式向子组件传递一个 prop,并在子组件中修改这个 prop 的值,然后将修改后的值反馈回父组件,实现双向数据绑定。 使用 .sync 修饰符的基本语法是::propName.sync="dataProp ......
sync vue

WEB漏洞—逻辑越权之登录脆弱及逻辑篡改

由于这里涉及的所有靶场都无法安装或调试失败。。所以没法做分析,记录了一些课堂上的笔记,大部分是关于修改商品信息之类的,思路理解,但实战基本不行 #登录应用功能点安全问题检测功能点,检测,危害,修复方案等 1.登录点暴力破解2.HTTP/HTTPS 传输3.Cookie 脆弱点验证4.Session ......
逻辑 漏洞 WEB

vue--day44-todolist的localStorage本地存储

添加修改删除数据发生变化,可以用watch 监测来实现监测数据的变化 1. App.vue <template> <div id="root"> <div class="todo-container"> <div class="todo-wrap"> <!--传递函数 儿子给父亲传东西,父亲偷偷传递 ......
localStorage todolist vue day 44

Vue详解----一篇带你从头领悟到尾,享受飞升的感觉

## 🏰 脚手架文件结构 """ ├── node_modules ├── public │ ├── favicon.ico: 页签图标 │ └── index.html: 主页面 ├── src │ ├── assets: 存放静态资源 │ │ └── logo.png │ │── compon ......
从头 感觉 Vue

初学vue

做为一个在圈子内混饭吃的我来说,对于vue是久有耳闻,但是混饭吃嘛,也不要太新的技术,一般实现客户需求就好,毕竟不是一线城市 最近有一个项目需要用到Vue,而且计划给公司用uniapp开发一个手机端应用,里面也需要用到vue的相关技术,所以今天开始了学习之路 初学嘛,当然跳过Vue2直接学vue3 ......
vue

vue-cats

# Vue-cats ## 模板语法 > 插值语法 > > 用于解析标签体内容 > > `{{xxx}}` xxx 是 js 表达式 可以直接读取 data 的所有属性 > 指令语法 > > 用于解析标签 (包括: 标签属性,标签体内容,绑定事件 ....) > > 举例: v-bind:href= ......
vue-cats cats vue

使用脚手架环境开发vue2项目

一、检查node版本 (1)有node.js (2)没有node.js 安装地址:Node.js 二、使用npm,包管理工具,是node包管理和分发工具 【需要配置仓库镜像地址,改为中国仓库镜像地址】 1、查看当前镜像:npm get registry 2、设置镜像地址的命令: 设置最新的国内淘宝镜 ......
脚手架 环境 项目 vue2 vue

Vue 常用属性汇总

1、Vue实例常用属性 (1)数据 data:Vue 实例的数据对象 components:Vue实例配置局部注册组件 (2)类方法computed:计算属性 watch:侦听属性 filters:过滤器 methods:Vue实例方法 render:渲染函数,创建虚拟DOM (3)生命周期crea ......
属性 常用 Vue

web前端 静态资源路径问题

问题:对于一个简单的form表单,url究竟应该如何填写? 1、url的各部分组成 对于地址:http://192.168.1.1:8080/hello/index.html其中:分解为三部分 服务器地址: http://192.168.1.1:8080 WEB应用上下文: /hello 网页或请求 ......
前端 静态 路径 问题 资源

Vue3使用问题

1.watch:{immediate: true}执行时间晚于onMounted 2.定义数组响应式 2.1错误: import { reactive } from 'vue'; let arr = reactive([]) function change(){ let newArr = [1,2, ......
问题 Vue3 Vue

Web 3.0 会是互联网的下一个时代吗?

2000 年初,只读互联网 Web 1.0 被 Web 2.0 所取代。在 Web 2.0 时代,用户摆脱了只读的困扰,可以在平台上进行互动并创作内容。而 Web 3.0 的到来,除了加密货币和区块链等相关名词让大家耳熟能详外,并没有让广大互联网用户真正意义上地感知到。那么到底什么是 Web 3.0 ......
互联网 时代 Web 3.0

WEB漏洞—逻辑越权之水平垂直越权

逻辑越权简介 1.水平越权 通过更换的某个 ID 之类的身份标识,从而使 A 账号获取(修改、删除等)B/C/D账号数据(权限相同)。 2.垂直越权 使用低权限身份的账号,发送高权限账号才能有的请求,获得其高权限的操作。 3.未授权访问 通过删除请求中的认证信息后重放该请求,依旧可以访问或者完成操作 ......
漏洞 逻辑 水平 WEB

Vue任务调度。

### 1、作用 vue中一个非常重要的功能,批量更新或者叫异步更新 响应式数据发生变化出发副作用函数重新执行时,我们有能力去决定副作用函数的执行时机、次数和方式。 ### 2、例子 ```javascript const state = reactive({ num: 1 }) effect(() ......
任务 Vue

Vue3.0 页面跳转的几种方式

首先引入 import { useRouter } from "vue-router"; 使用router接收useRouter const router = useRouter(); 1. router.push 我们最常用的 router.push 方法会将新的路由添加到历史记录中,同时会导航到 ......
页面 方式 Vue3 Vue

python自动化-vue

import sys import time import os import paramiko from pygments.lexers import shell import zipfile import json baseconfig =None # baseconfig={ # "ip": ......
python vue