布局vue web
Vue插件router
路由 概念: 一组key-value对应关系 key1 + value1 => 路由route key2 + value2 => 路由route ...... - 上述路由的集合,就是'路由器'(router) - key为路径,value对应 组件或者 回调func 插件: vue-router, ......
vue打包后前端修改ip地址
1、在static文件夹下新建config.js文件 (function () { window.SITE_CONFIG = {} // 多个地址 window.SITE_CONFIG['baseUrl'] = '请求地址' window.SITE_CONFIG['baseUrl_1'] = '请求 ......
十步带你用IDEA创建一个WEB项目及部署（Tomcat）
部署一个web项目首先需要安装Tomcat，还没安装的朋友们可以看一下我这个博客： https://www.cnblogs.com/deyo/p/17241878.html 第一步：打开Idea—新建一个项目 第二步：写项目名称 以及 项目位置 和jdk版本 创建好之后点击Create 第三步：创建 ......
CSS flex布局-解决最后一行元素对齐问题
justify-content对齐问题 在CSS flex布局中，justify-content属性可以控制列表的水平对齐方式，例如space-between值可以实现两端对齐。 但是，如果最后一行的列表的个数不满，则就会出现最后一行没有完全垂直对齐的问题 .container { display: ......
vue2 - axios 的使用
Axios 官网：http://axios-js.com/zh-cn/docs/ Axios的模块化： 二次封装Axios import Vue from "vue" import VueAxios from "vue-axios"; Vue.use(VueAxios) const response ......
Mac电脑创建Vue项目时报错 错误内容：Error: command failed: npm install --loglevel error --legacy-peer-deps
解决方法：在命令vue create xxx前加sudo。 错误原因：应该是用户权限吧，深入不清楚，反正添加sudo后可以成功创建vue项目了。 ......
vue按需加载组件,异步组件
vue2按需加载组件,或者异步组件,主要是应用了component的 is 属性 ###vue2中的动态组件component,官方文档 <!-- 组件会在 `currentTabComponent` 改变时改变 --> <component v-bind:is="currentTabCompone ......
Web前端技术栈（待更新......）
一、HTML 1、什么是HTML 1.1、初识HTML HTML：==Hyper Text Markup Language(超文本标记语言)== 超文本包括：文字、图片、音频、视频、动画等 HTML5的优势 ①世界知名浏览器厂商对HTML5的支持 1、微软 2、Google 3、苹果 ......
vue点击图片获取图片原像素坐标
<template> <div> <img ref="image" width="1500px" :src="imageUrl" @click="handleClick"> <div v-if="showCoords">X: {{ x }}, Y: {{ y }}</div> </div> </te ......
vue-element-admin e-icon-picker的input一直不出来
今天项目中有用到e-icon-picker，然后正常引入如下： 安装依赖 全局引入css 全局注册 组件用法 按照以上步骤都加载了，但是页面中一直都没有出现 各种查找原因，最终浪费了很久时间才找到原因，是e-icon-picker的版本的问题，也就是1.1.7版本的input并没有，这个是版本自己的 ......
Vue基础语法整理
# vue基础用法&基础原理整理 1. vue基础知识和原理 1.1 初识Vue 想让Vue工作，就必须创建一个Vue实例，且要传入一个配置对象 demo容器里的代码依然符合html规范，只不过混入了一些特殊的Vue语法 demo容器里的代码被称为【Vue模板】 Vue实例和容器是一一对应的 ......
Vue10*10图片表格的点击效果
要求.使用Vue及自定义组件完成10*10图片表格点击效果 效果图 过程：一.用PS切图 1.打开PS，选择切图工具，在左边复选框选择切图工具。 2.单击右键鼠标，选择划分切片。 3.选择水平划分、垂直划分10*10，点击确定。 4.单击菜单栏文件，在导出栏选择储存为Web所用格式。 二.用HBui ......
记录监控摄像头的接入过程及web端播放
1.rtsp视频流网页播放概述 需求：当我们通过ONVIF协议，获取到了摄像头的rtsp流地址（长这样：rtsp://admin:123456789@192.168.9.16:554/cam/realmonitor?channel=1&subtype=1&unicast=true&proto=Onv ......
【vue-blog】从SCF改为tsx
修改tsconfig.json { // ... "compilerOptions": { // 增加对jsx的支持 "jsx": "preserve" }, // ... } 创建tsx文件 1. index.tsx import {defineComponent} from 'vue'; exp ......
web应用部署合集
1.环境要求 系统需部署Rabbitmq（3.6及以上）Redis（Redis2.8及以上）、JDK（JDK1.8或以上）、Tomcat（Tomcat8或以上）、数据库（Oracle 11g或以上、DB2 9.7或以上、Mysql 5.5或以上），并配置好环境变量。 2.软件安装 各软件安装版本符合 ......
常见的web服务器
常见的web服务器 常见的web服务器主要包括：Nginx、Apache、Tomcat、Jetty。 介绍各个服务器前，有必要讲一下Apache与Tomcat关系，服务器间的优缺点也是相比于apache与tomcat而言。 Apache是web服务器（静态解析，如HTML），tomcat是java应 ......
dynamic web twain 完整示例
<!DOCTYPE html> <html> <head> <title>ScanAll</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <script type="text/javascript" ......
《渗透测试》Web应用&源码泄漏&开源闭源&指纹识别&GIT&SVN&DS&备份 2023 Day13
#后端-开源-指纹识别-源码下载 CMS识别见上述项目 #后端-闭源-配置不当-源码泄漏 参考：https://www.secpulse.com/archives/124398.html 备份：敏感目录文件扫描 CVS：https://github.com/kost/dvcs-ripper GIT： ......
keyclaok~web安全防护
安全配置Security Defenses 通过对Security Defenses的配置 ，可以对http头添加相应的安全配置 ，如csp, X-Frame-Options, X-Content-Type-Option等 1 X-Frame-Options 参考：https://www.rfc-e ......
vue/react关与key的面试题
虚拟dom中key的作用 当状态中的数据发生改变时，react会根据新数据生成新的虚拟dom，随后react进行新虚拟dom与旧虚拟dom的diff算法比较，比较规则如下： 1.旧虚拟dom找到了与新虚拟dom相同的key a.若虚拟dom中的内容没变，则使用之前的真实dom b.若虚拟dom中的内 ......
一起学学Vue Router 4.X开发中用到的新特性
前言： vue3发布这么久以来，还没好好梳理过它相关的全家桶，今天我们先聊聊Vue Router 4.X的使用以及新特性！ 可以说路由是一个简单又复杂的东西，简单指的是我们日常使用的过程中只是不断的调用它的API,复杂则是我们有的需求场景需要结合路由原理去处理数据等问题，此时我们就不得不对其原理有很 ......
vue2 element ui 使用i18n 国际化配置
前提npm install vue-i18n 第一步：vue项目下新建locals文件夹，里面配置index.js内容如下，同时新建zh.js 和 en.js作为语言配置文件 import Vue from 'vue' import VueI18n from 'vue-i18n' import El ......
使用vue完成图片表格的点击因隐藏效果
首先了解整个项目可以分几个板块。图片的切割，图片放入的框架构建，图片放入。 1.图片的分割，这里的图片分割可以使用PS，或者网上搜图片切割的网站上传图片就行（http://www.zuohaotu.com/cut-image.aspx） 2.创建一个项目，导入vue.js 3. 建立一个名字为"ap ......
[WEB13] ctf.show_web13
[WEB13] ctf.show_web13 .user.ini绕过 文件上传的要求： 文件的大小要小于24，并且对名字的，后缀的长度都有要求，后缀和名字都不可以包含php的情况下，需要上传一句话木马，小于等于24的格式可以写: <?php eval($_POST[a]); 但是如果写成txt的后缀 ......
vue 设置 菜单Item 背景色
<a-menu-item @click = "selectItem" :class = 'child.id==selected? "selected":""' v-for="(child) in item.children" :key="child.id" > data () { return { ......
在Vue项目中为何要重写push和replace
0.前言 为啥要重写push和replace，主要是你不写他会报错啊，为啥会报错呢，主要是因为函数式路由push方法返回的是一个promise对象，我们知道promise对象是有成功回调和失败回调的，但是我们并没有传入相应的回调就会出错。所以需要进行重写 1.重写$router.push 首先把原本 ......
Vue2 快速上手
1.声明式渲染 通过{{}}将数据渲染到页面： <body> <div id="app"> {{ message }} </div> </body> <script> var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' } }) ......