布局vue web
vue用qrcodejs2生成二维码,解决多个二维码追加的问题
vue使用qrcodejs2生成二维码 1、安装qrcodejs2 npm install qrcodejs2 2、代码 //这个div用来展现二维码 <div id="twoImageId"></div> //生成二维码的方法 generateQRCode(classId, value) { ne ......
Vue脚手架1
## 1.1 说明 1. Vue 脚手架是 Vue 官方提供的标准化开发工具(开发平台)。 2. 最新的版本是 4.x。 3. 文档: https://cli.vuejs.org/zh/ 1.2 具体步骤 第一步(仅第一次执行):全局安装@vue/cli。 npm install -g @vue/c ......
Vue脚手架笔记备注
笔记 脚手架文件结构 ├── node_modules ├── public │ ├── favicon.ico: 页签图标 │ └── index.html: 主页面 ├── src │ ├── assets: 存放静态资源 │ │ └── logo.png │ │── component: 存放 ......
WEB漏洞—简要SQL注入
前言:在本系列课程学习中,SQL注入漏洞将是重点部分,其中SQL注入又非常复杂,区分各种数据库类型,提交方法,数据类型等注入,需要按部就班的学习,才能学会相关SQL注入的核心。同样此类漏洞是WEB安全中严重的安全漏洞,学习如何利用,挖掘,修复也是很重要的。 SQL注入安全测试中危害:危害数据和网站权 ......
go web学习(四)
# 中间件 ## 什么是中间件 >请求————> 中间件 ————> Handler 响应 <———— Middleware <———— Handler ## 创建中间件 ```go func ListenAndServe(addr string, handler Handler) error ha ......
Vue购物车实例练习
![效果图](https://files.mdnice.com/user/38654/a266c8c8-226a-4042-a25d-072a15b2f82c.png) ###### 功能介绍 1. `金额 = 单价 * 数量`金额会自动根据数量的变化进行变化,我们可以点击按钮增加或减少商品的数量。 ......
VUE自定义指令
使用方法: 全局自定义指令:Vue.directive( dir_name , {} ) 局部自定义指令:directives{ dir_name : {} } 钩子函数: bind:只调用一次,指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。 inserted:被绑定元素插入父节点时 ......
VUE npm run serve 提示error Mixed spaces and tabs no-mixed-spaces-and-tabs 解决办法
解析: 看这个错误提示意思就是“不允许代码中出现空格和tab键混合的情况”大多数代码约定要求使用空格或 tab 进行缩进,禁止使用空格和tab混合缩进。因此,一行代码同时混有 tab 缩进和空格缩进,通常是错误的。 解决办法:原因找到了,解决办法就是找到spaces和tabs混合的地方,然后统一即可 ......
vue项目结合vant,实现上拉加载更多,下拉刷新
上拉加载思路: 1. 引入vant 组件 上拉list 2. 后端数据做了分页处理,获取接口数据,渲染到页面上,(此处只会显示一页的数据) 3. 设置属性去实现效果,loading,finished为vant组件中提供的 4. 每次滚动到底部后把页面数+1,发送一次请求获取新分页数据. 5. 获取完 ......
axios拦截无法使用vue-router
在axios的接口拦截配置中,无法直接使用导入vue-router路由实例的方式进行路由跳转 import { useRouter } from "vue-router"; const router = useRouter (); router.push("/login"); 会出现以下报错: Un ......
[Web API和Web Service的区别]
首先,Web Api是有Web Service演变而来,它们两者的关系就是所有的Web Service都是Api,但并非所有的Api都是Web Service,其次,两者都有利于信息的传输,但Web API比Web Service更具灵活性 什么是WEB Service? 引用一句定义,即WebSe ......
使用VUE的component is 组件实现切换标签
VUE实现切换标签: <!DOCTYPE html> <html> <head> <title>Dynamic Components Example</title> <script src="https://unpkg.com/vue@2"></script> <style> .tab-button ......
Vue通过v-modal实现子组件通讯
1、在props设置属性value ``` props: { value: { type: Object, default: {} } } ``` 1、设置属性,接收value,在mounted或created中赋值 ``` data(){ return { valueObj:{} } }, mou ......
java基于的springboot+vue4S店车辆管理系统,车辆销售管理系统,附源码+数据库+lw文档+PPT
**1、项目介绍** 首先介绍了4S店车辆管理的技术发展背景与发展现状,然后遵循软件常规开发流程,首先针对系统选取适用的语言和开发平台,根据需求分析制定模块并设计数据库结构,再根据系统总体功能模块的设计绘制系统的功能模块图,流程图以及E-R图。然后,设计框架并根据设计的框架编写代码以实现系统的各个功 ......
web基本概念
## 1. 基本概念 ### 1.1 前言 web:开发: - web,网页的意思,www.baidu.com - 静态web: - html.css - 提供给所有人看的数据始终不会发生变化 - 动态web - 每个人在不同时间不同地点看到的信息各不相同 - 例如:淘宝,大部分网站... - 技术 ......
WEB—漏洞必懂知识点
CTF,SRC,红蓝对抗,实战等 SRC:针对与网站上面的漏洞,进行提交漏洞并证实可以获得相应的佣金。 偏向于实战,重点掌握获取网站权限 漏洞等级划分 高危:SQL注入,文件上传,文件包含,代码执行,未授权访问——直接影响到网站权限和数据库权限,能够直接获取数据或者获取到一些敏感信息 只要涉及到数据 ......
Exp8 Web安全
[toc] ## 一、实践目标 ### 1.Web前端HTML 能正常安装、启停Apache。理解HTML,理解表单,理解GET与POST方法,编写一个含有表单的HTML。 ### 2.Web前端javascipt 理解JavaScript的基本功能,理解DOM。 在(1)的基础上,编写 ......
【Windows】桌面图标布局不保存 & 桌面空白图标恢复
# ✨桌面图标布局不保存 可能是之前不小心误删了注册表项 ~~或者这只是Windows的日常BUG~~ 导致桌面图标布局不保存 解决方案如下: 桌面右键 个性化 > 主题 > 桌面图标设置 取消勾选所有桌面图标 ![image-20230521204346736](https://img2023.c ......
GO web 学习(三)
# 路由 Controller / Router ## 角色 - main():设置类工作 - controller: - - 静态资源 - - 把不同的请求送到不同的 controller 进行处理 它会根据请求,匹配最具体的 handler ## 路由参数 静态路由:一个路径对应一个页面 /ho ......
SSM + MySQL + Vue2.x + ElementU 图书管理系统(期末作业)
# 图书管理系统 ## 项目介绍 🔥 SSM + MySQL + Vue2.x + ElementUI 🔥 本项目使用 Idea 开发工具采用当前最火的Java + Web前端框架开发,在保证质量的同时界面美观,交互友好,实在是期末大作业的首选项目。 ## 软件架构 使用软件设计三层架构 + 前 ......
whatweb----web指纹探测工具
#简介 原文链接:https://culturesun.site/index.php/archives/691.html `WhatWeb`是一款`kali`自带的工具。可以识别网站。它认可网络技术,包括内容管理系统(CMS)、博客平台、统计/分析包、JavaScript库、网络服务器和嵌入式设备。 ......
vue集成markdown
安装 (二选一) npm : npm install mavon-editor -S yarn : yarn add mavon-editor -S main.js进行全局注册 //main.js全局注册 import mavonEditor from 'mavon-editor' import ' ......
vue.config.js跨域配置,以及代理配置
1 //配置代理后端路径 2 //并设置跨域 3 module.exports = { 4 devServer: { 5 port: 2222, //启用时的端口号 6 proxy: { //代理访问后端接口 7 8 //配置拦截器替换规则 9 '/api' : { //碰到路径中带有/api的路径 ......
vue集成高德地图
<template> <div style="width:100%; height:100%; background-color:gray; display:flex; justify-content:center; align-items:center"> <!-- loding-icon --> ......
vue实现页面无限滚动
<div id="load2" class="infinite-list" v-infinite-scroll="load" style="overflow:auto; display: flex;flex-wrap: wrap;justify-content: center;" > <el-car ......
vue集成websocket
安装websocket yarn add nodejs-websocket 导入并创建服务端 /** * 服务端代码 */ // 1.导入nodejs-websocket包 const ws = require('nodejs-websocket'); const PORT = 3000 // 2. ......
web.xml
1 <?xml version="1.0" encoding="UTF-8"?> 2 <web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" 3 xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" ......
Nas Docker 安装个人记账web项目:firefly_iii &beancount-gs
Nas Docker 安装个人记账web项目:firefly_iii &beancount-gs 1.经过搜索以及GPT的询问,通过预览界面感觉firefly_iii 官方示例demo:https://demo.firefly-iii.org/ 官方安装文档:https://docs.firefly ......
web作业1
要求1.设计网页equipmentList.html,分为上下两个部分:上方的表格元素(table)显示所有输入的设备信息,下方的表单元素(form)支持用户新增或者修改一个设备信息(注意站点名称、设备分类、设备类型和设备状态使用下拉选择框或者复选框)。 要求2:用自己定义的CSS或者引用现有Web ......
Web自动化测试-02
一、Selenium基本元素定位法:通过HTML标签元素的ID、NAME、CLASS_NAME、TAG_NAME、LINK_TEXT、PARTIAL_LINK_TEXT进行定位 from selenium import webdriverfrom selenium.webdriver.chrome. ......