布局vue web
记录--啊？Vue是有三种路由模式的？
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 众所周知，vue路由模式常见的有 history 和 hash 模式，但其实还有一种方式-abstract模式（了解一哈~） 别急，本文我们将重点逐步了解： 路由 + 几种路由模式 + 使用场景 + 思考 + freestyle 路由概念 ......
非web应用下快速搭建Spring环境
Spring诞生之初就不是为web项目定制的。 首先我们要弄明白常用的web项目和非web项目的区别在哪儿？无疑是服务启动和执行逻辑触发的方式： web项目需要依赖web容器来启动，通过http请求来触发相关的服务； 非web项目则不需要依赖web容器来启动，它可以是自启动的； 添加Spring依赖 ......
11 11 vue3代码优化
使用axios发送异步请求是这种格式，现在异步请求都封装到api中。说法如下： 接口调用的js代码一般都会封装到js文件中，并一函数的形式暴露给外部，例如： 这张图片包括了没有参数和有参数的两种情况 然后在组件中的script中调用函数就行，但这样不行，好像跟什么同步异步有关，反正这样是无法运行的， ......
第24天: WEB攻防-通用漏洞&SQL注入&MYSQL跨库&ACCESS偏移
#知识点：1、脚本代码与数据库前置知识2、Access数据库注入-简易&偏移3、MYSQL数据库注入-简易&权限跨库 #前置知识：-SQL注入漏洞产生原理分析-SQL注入漏洞危害利用分析-脚本代码与数据库操作流程-数据库名，表名，列名，数据-数据库类型，数据库用户，用户权限脚本代码在实现代码与数据库 ......
vue2 vue.min.js和vue-cli-service build --target lib 构建的.min.js的压缩原理 源码分析
1 vue-cli-service --target lib https://github.com/vuejs/vue-cli/blob/f0f254e4bc81ed322eeb9f7de346e987e845068e/packages/%40vue/cli-service/lib/commands ......
Web_BUUCTF_WriteUp | [极客大挑战 2019]EasySQL
题目 靶机界面 URL：http://86ae5adf-d39e-47dd-b3da-1ae895847925.node4.buuoj.cn:81/ 分析 先在交互界面随便输入用户名和密码试试，界面显示如下： 此时的 URL 为 http://86ae5adf-d39e-47dd-b3da-1ae8 ......
web安全的崛起
·在互联网早期，Web并非给了我的主流应用，基于SMTP、POP3、FTP、IRC等协议的服务拥有绝大部分客户。所以这个时候，黑客的主要目标为网络、操作系统以及软件等领域,web安全处于初始阶段。因为相对于exploit攻击，web攻击只能让一个黑客取得一个 较低权限的账户，对黑客的吸引力远远不够 ......
vue里面数据
<template> <div> <BaseCountItem></BaseCountItem> <br> <BaseCountItem></BaseCountItem> <br> <BaseCountItem></BaseCountItem> </div> </template> <script> ......
vue完成记事本小功能（没有css样式）
app.vue <template> <div class=""> <SchuRuKuang @Add="handleAdd"></SchuRuKuang> <LieBiaoZhanShi :list="list" @delOne="handledelOne"></LieBiaoZhanShi> < ......
vue/eslint_vue/no-side-effects-in-computed-properties报错
出现这个错误的缘由是因为我在vue3中的computed中, 把computed的回调函数当做数据监听器处理程序, 在里面修改了ref定义的变量数据的值. const curArticle = computed(() => { if (curArticleList.value.length 0) { ......
vue中执行npm install提示：npm WARN deprecated core-js@2.6.12
场景： 在执行npm install时提示npm WARN deprecated core-js@2.6.12，导致安装不了 提示的意思是：版本低不再维护了，让升级upgrade your dependencies to the actual version of core-js. npm WARN ......
Vue源码学习(十六):diff算法(三)暴力比对
好家伙，这是diff的最后一节了 0.暴力比对的使用场景 没有可复用的节点：当新旧虚拟 DOM 的结构完全不同，或者某个节点不能被复用时，需要通过暴力比对来创建新的节点，并在真实 DOM 上进行相应的插入操作。 0.1.例子一： // 创建vnode let vm1 = new Vue({ data ......
vue指令实现input自动聚焦
vue指令实现自动聚焦 代码如下： AutoFocus.js import Vue from 'vue' // 插件对象(必须有install方法, 才可以注入到Vue.use中) export default { install () { Vue.directive('fofo', { inser ......
ElementUI2+Vue2实现日期选择长期功能
ElementUI2+Vue2实现日期选择长期功能 效果如图： 代码如下： <template> <div> <el-row> <div class="block"> <span class="demonstration">带快捷选项</span> <el-date-picker v-model=" ......
vue如何判断组件是否注册
在 Vue 中，你可以通过检查 Vue 实例的 $options.components 属性来判断一个组件是否已经被注册。这个属性包含了所有已经被注册的组件。 以下是一个示例： methods: { isComponentRegistered(componentName) { return this ......
Vue中网络图片懒加载工具
在滑动列表视图中如果有网络图片需要加载直接给imag标签赋值src，会造成没有显示的item中图片也直接加载，势必浪费网络资源。 创建一个插件，让列表中的item出显的时候在加载图片从而减少网络请求。具体方法就是给img标签添加一个新的属性暂时先保存对应的url，当item滑动出现到一定值时触发事件 ......
vue2页面Uncaught runtime errors
当vue2请求错误，或者出现其它错误时，界面会出现一个遮罩层提示Uncaught runtime errors 解决方法： 1.打开vue.config.js或者vue.config.ts文件 2.配置devServer devServer: { // 解决页面弹出红色报错遮罩层 client: { ......
怎么通过LiveNVR流媒体平台配置实现将海康Ehome、ISUP协议统一接入实现Web无插件播放、录像等，并支持转GB28181输出到国标平台
@目录1、海康 ISUP 接入配置2、海康设备接入2.1、海康EHOME接入配置示例2.2、海康ISUP接入配置示例3、通道配置3.1、直播流接入类型 海康ISUP3.2、海康 ISUP 设备ID3.3、启用保存3.4、接入成功4、相关问题4.1、其它方式接入4.2、如何输出GB281815、RTS ......
修改Web网页中资源加载的优先级
在Chrome浏览器中，网络请求的优先级分成了5个等级： Highest 最高，如页面HTML资源和CSS文件； High 高，如正文图片请求资源； Medium 中等，如页面的业务JavaScript文件请求； Low 低，如内联的Base64资源，异步加载的JavaScript文件请求； Low ......
Vue基础
初识VUE <div id="demo"> <h1>Hello，{{name.toUpperCase()}}，{{address}}</h1> </div> <script type="text/javascript" > Vue.config.productionTip = false //阻止 ......
vue-cli-service vue.config.js配置 productionSourceMap与webpack中的devtool 关联详细解释
https://webpack.js.org/configuration/devtool/ https://cli.vuejs.org/zh/config/#productionsourcemap https://github.com/vuejs/vue-cli/blob/f0f254e4bc81e ......
13，zabbix web.page.regexp方法
zabbix-agent# 登录agent端，检查页面正常访问时的状态 Copy ]# curl -i 10.117.x.x/path/login.jsp HTTP/1.1 200 OK ... # 寻找正常页面返回中具有代表性的字符串 zabbix-server# 通过web.page.regex ......
Vue中 name 有什么作用？data 为什么是函数而不是对象？
Vue中 name 有什么作用？ 项目使用 keep-alive 时，可搭配组件 name 进行缓存过滤 DOM 做递归组件时需要调用自身 name vue-devtools 调试工具里显示的组见名称是由 vue 中组件 name 决定的 data 为什么是函数而不是对象？ 组件中 data 是 V ......
vue+css实现的伪3d旋转罐+液位动态变化
话不多说先看效果： 设计思路： 罐是做了三个位置（中=>左，左=>右，右=>中）的动画效果，每个罐轮流使用一次，来实现旋转的效果。 中间的光亮做了个变形延迟。 罐的透明效果是使用了三层，即最底层是粒子不透明图片，中层是液体组件，最上层是罐体png图片。都是用了绝对定位，请务必设置好位置。 液体组件中 ......
Vue3 路由查询参数更新后，执行更新方法
import { ref, defineComponent, watch,getCurrentInstance } from "vue"; import { useRoute } from 'vue-router'; export default defineComponent({ setup() ......
Vue - 创建 Vue3 项目
Vue - 创建 Vue3 项目 需搭建项目 Vue3 + ts + sass 1. 创建项目 npm create vite@latest 2. 安装依赖 tyarn 3. 启动项目 yarn dev 4. 处理其他配置问题 1） 打开HelloWorld.vue页面，发现一些报红，报错 解决：找 ......
vue兄弟组件共享数据
1、vue2.x中，兄弟组件共享数据的方式 EventBus。 一、A组件import eventBus from "@/components/eventBus";export default { methods: { send() { eventBus.$emit('share', this.st ......
解决Vue中使用wangEditor富文本编辑器复制粘贴word文档携带内容样式文本问题
前言：本文记录作者在vue项目中使用到wangEditor富文本编辑器复制粘贴功能所遇到的bug，故此把自己所遇到的坑及问题详细的记录下来。如果觉得作者写的不错，希望得到您的点赞/收藏/支持，如果有不同意见，欢迎下方评论区留言。 一、自定义处理粘贴的文本内容1、配置 自定义处理粘贴的文本内容~~~如 ......