布局vue web
Sekiro RPC框架部署使用--web(油猴脚本)
点击 进入JsRpc 项目地址 一，下载地址 下载地址(https://oss.iinti.cn/sekiro/sekiro-demo) 二，运行(依赖java环境，自行安装) # win 运行 bin/sekiro.bat # linux 运行 bin/sekiro.sh 三，编写油猴脚本 （1） ......
Vue详介
Vue.js是一款流行的JavaScript框架，它可以帮助开发者构建交互式的Web应用程序。Vue.js的核心是一个响应式的数据绑定系统，它可以自动更新视图，使得开发者可以专注于业务逻辑而不必担心DOM操作。在本文中，我们将介绍Vue.js的一些核心概念和技术，以及如何使用它来构建现代Web应用程 ......
vue3的介绍,组合式api和配置项api，setup，ref函数，reactive函数，计算和监听属性，生命周期，toRef，vue3 setup写法
# 1 vue3 介绍 ```python # Vue3的变化 # 1.性能的提升 打包大小减少41% 初次渲染快55%, 更新渲染快133% 内存减少54% # 2.源码的升级 使用Proxy代替defineProperty实现响应式 重写虚拟DOM的实现和Tree-Shaking # 3.拥抱T ......
vue解决跨域
vue-cli2 main.js import axios from 'axios' Vue.prototype.$axios = axios axios.defaults.baseURL = '/api' Vue.config.productionTip = false .vue var This ......
vue之elementui使用， vuex使用， Router使用， localstorage和sessionstorage,和cookie
[toc] # 一、elementui使用 **网址**：https://element.eleme.cn/#/zh-CN/component/installation ## **下载插件** ```python cnpm isntall -S element-ui@2.9 ``` ## **vue ......
前端vue可以左右滚动的切换的tabs tabs选项卡 滑动动画效果 自动宽度
前端vue可以左右滚动的切换的tabs tabs选项卡 滑动动画效果 自动宽度, 下载完整代码请访问https://ext.dcloud.net.cn/plugin?id=13003 效果图如下: #### 使用方法 ```使用方法 swiperTabList: ["2023-06-10","202 ......
frp内网穿透web服务配置
frp是使用较多的免费开源的内网穿透软件，源代码托管在GitHub。 1. 下载安装安装步骤可参考官方文档 https://gofrp.org/docs/setup/点击项目的release地址进入下载页面：https://github.com/fatedier/frp/releases，首先要根据 ......
vue实现简单的鼠标拖拽横向滚动 和 鼠标滚轮横向滚动
一.鼠标拖拽滚动 以下代码项目中直接使用即可，此种方法是通过鼠标拖拽进行滚动，滑动滚轮无效果。当然快捷键，shift+鼠标滚轮可以控制横向滚动，对用户来说体验不友好。 <div class="tab-list id="nav"> <div class="tab-item" v-for="(item, ......
基于vue+flask+sql的公司销售采购信息服务系统
一、介绍 本项目基于Flask+Vue+Mysql的后台服务系统，主要针对某一公司日常后台操作而开发的一系列功能，包含用户管理，客户管理，采购管理，销售管理，库存管理，财务管理，权限管理，数据管理等功能。 二、软件架构 软件后端使用Flask，数据库使用mysql数据库，前端主要使用vue_ui2 ......
Web安全测试—查看网页的HTML源代码
浏览器中浏览网页，查看网页的源代码，是测试中很简单的，很基本的方法，也是非常值得做的。查看源代码最基本的两项作用：可以帮助你发现最明显的安全问题，可以帮助为将来的测试建立一个比较的基准。也可以帮忙你对比攻击失败前后的源代码，调整你的输入，了解到通过的和没有通过，可以再次的尝试。 作为比较基准，查看H ......
uniapp vue3 setup + 云开发开发个人小程序
最近使用uniapp vue3 setup + 云开发开发了个人小程序，设计使用figma软件，看下成品截图吧（可以直接微信搜索【识光】小程序体验,或者最底部有码可以直接扫） ......
视频直播网站源码，vue tabs标签页 点击才加载
视频直播网站源码，vue tabs标签页 点击才加载 tabs标签页，默认加载显示第1个tab； <el-tabs v-model="tTab" type="card" style="height:100%" @tab-click="tTabClick"> <el-tab-pane label="J ......
直播系统搭建，vue插件之vue-seamless-scroll 无缝滚动
直播系统搭建，vue插件之vue-seamless-scroll 无缝滚动 使用 import vueSeamlessScroll from 'vue-seamless-scroll' //注册组件 components:{ vueSeamlessScroll} //template <vue-se ......
Vue路由使用总结
1、多级路由 （1）配置路由规则，使用children配置项： // 编写配置项 const router = new VueRouter({ routes: [ { path: '/about', component:About, }, { path: '/home', component: Ho ......
第一届山城杯初赛Web-WriteUp
# Web writeup: ## Web1(**Lesen**): **考点：** > 文件包含 反序列化 伪协议 界面：  # ezpop ### 题目描述 #### 题目名称 e ......
vue项目base64编码或者参数里面有 +号问题
当后端返回的链接的token或者参数里带有加号，浏览器打开链接时，页面通过使用this.$route.query.XXXX获取到的参数里 +号会变成空格，导致解密后部分内容变成乱码。解决方法：1.链接是后端返回时，需后端处理，将+号编码变成%2B，再返回链接进行跳转即可2.链接是前端写的话，可直接使 ......
vue Router的原理及传参方法
Vue Router 是 Vue.js 官方的路由管理器，它和 Vue.js 的核心深度集成，可以非常方便地实现单页面应用程序（SPA）的路由功能。Vue Router 的原理主要是通过监听 URL 的变化，根据不同的 URL 显示不同的组件，从而实现页面的切换和跳转。 具体来说，Vue Route ......
CSS(精灵图、字体图标、三角、用户界面样式、vertical-align、溢出省略号、常用布局技巧、初始化 )
一. 精灵图（重点） 1.1 为什么需要精灵图 一个网页中往往会应用很多小的背景图像作为修饰，当网页中的图像过多时，服务器就会频繁地接收和发送请求图片，造成服务器请求压力过大，这将大大降低页面的加载速度。 为什么使用精灵图（目的）： ·为了有效地减少服务器接收和发送请求的次数，提高页面的加载速度，出 ......
vue根据日期段获取重叠部分
// 获取日期数组中最大的日期 getDateMax(dataArr) { let max = dataArr[0]; for (let i = 1; i < dataArr.length; i++) { if (Date.parse(dataArr[i]) > Date.parse(max)) { ......
Web网页端IM产品RainbowChat-Web的v5.0版已发布
一、关于RainbowChat-Web RainbowChat-Web是一套Web网页端IM系统，是RainbowChat的姊妹系统（RainbowChat是一套基于开源IM聊天框架 MobileIMSDK(Github地址) 的产品级移动端IM系统）。 ► 详细介绍：http://www.52im ......
Selenium测试本地web登录
首先在py项目上配置selenium 配置好了之后上代码（末尾有完整代码） 首先导包 from selenium import webdriver from selenium.webdriver.common.by import By from selenium.webdriver.support. ......
SpringBoot：SpringWeb项目+Vue项目dist包整合成jar包
接到需求做一个小功能项目，其中还要配备前端页面，并且将前端打包进后端jar包内，由jar包运行。 项目结构 将Vue打包之后的dist文件放到resouces资源路径下 修改pom文件 将下面的build配置替换掉pom中的build <build> <finalName>自定义项目jar名称(可以 ......
Jmeter测试本地web登录接口
安装配置Jmeter 下载下来就是一个包，我下的是5.4.3版本的 去bin目录下找到Jmeter.bat 点击运行 语言的修改问题可以去配置文件里面改，也可以下载汉化包，具体教程自己搜 首先添加线程组 添加http请求 添加查看结果树 运行 ......
Vue考试复习
```vue App.vue --> --> ``` # 登录页面 ```vue 登录页面 注册 忘记密码 © 2023 MrFlySand ``` # 购物车 ```vue 搜索 序号 商品 单价（元） 数量 金额（元） {{value.name}} {{value.introduce}} ￥{{ ......
vue使用 elementUI中el-upload的遇到的问题总结
使用场景，使用el-upload上传文件，选择文件后不立即上传到服务器上，点击提交按钮时与其他form表单数据一起提交，类似的需求，相信有很多小伙伴遇到，可能也会遇到跟我一起的问题，在这里记录一下 <el-upload class="upload-file" action="" :on-change ......
前端弹性布局神器display:flex【转】
在进行网页前端设计时，需要垂直居中显示文本，但CSS似乎没有明确的垂直居中的代码方法，由于目前的页面不再考虑以前的浏览器了，因此采用CSS3的display:flex方法来实现。现记录一下flex属性的相关资料。 ......
springboot+vue留守儿童爱心网站，附源码+数据库+论文+PPT，远程包安装运行
**1、项目介绍** 留守儿童爱心网站采用了B/S结构，JAVA作为开发语言，数据库采用了B/S结构，Mysql数据库进行开发。该系统包括前台操作，后台由管理员和用户两个部分，一方面，为用户提供首页、宣传新闻、志愿活动、爱心捐赠、个人中心、后台管理等功能；另一方面，为管理员提供首页、个人中心、用户管 ......
前端 vue 自定义导航栏组件高度及返回箭头 自定义 tabbar 图标
前端vue自定义导航栏组件高度及返回箭头 自定义tabbar图标, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=12986 效果图如下: ![image](https://img2023.cnblogs.com/blog/32 ......
Web安全-渗透测试-信息收集01
# CDN >CDN的全称是Content Delivery Network，即内容分发网络。CDN是构建在现有网络基础之上的智能虚拟网络，依靠部署在各地的边缘服务器，通过中心平台的负载均衡、内容分发、调度等功能模块，使用户**就近获取所需内容，降低网络拥塞，提高用户访问响应速度和命中率。**但在安 ......