布局vue web
【技术实战】Vue技术实战【四】
博客推行版本更新，成果积累制度，已经写过的博客还会再次更新，不断地琢磨，高质量高数量都是要追求的，工匠精神是学习必不可少的精神。因此，大家有何建议欢迎在评论区踊跃发言，你们的支持是我最大的动力，你们敢投，我就敢肝 ......
WEB自动化-文件单上传
先看下文件上传是类型是否INPUT框，如果是的话，可以通过send_keys输入，如果不是，需要用鼠标进行操作 INPUT框类型的文件上传： import time from selenium import webdriver from selenium.webdriver.common.by im ......
django(web框架推导、简介、数据库初识）
一 web框架推导 1 软件开发架构 cs架构bs架构bs本质是也是cs 2 纯手撸web框架 # HTTP协议 ''' 网络协议 HTTP协议 数据传输是明文 HTTPS协议 数据传输是密文 websocket协议 数据传输是密文 四大特性 1.基于请求响应 2.基于TCP、IP作用于应用层之上的 ......
八、Web应用模式
8.1、web应用模式 在开发Web应用中，有两种应用模式： 前后端不分离[客户端看到的内容和所有界面效果都是由服务端提供出来的。 前后端分离【把前端的界面效果(html，css，js分离到另一个服务端，python服务端只需要返回数据即可)】 前端形成一个独立的网站，服务端构成一个独立的网站 应用 ......
vue-elementAdmin项目打包后白屏的问题
Vue项目打包后出现白屏的可能原因有很多 1.可能的思路和解决方案： 1. 确认静态资源路径是否正确。 在 Vue 项目中，打包后会生成一个 dist 目录，确保 index.html 引用的资源路径都是相对于 dist 目录的。 2. 确认路由是否正确配置。 如果打包后出现了白屏，可能是因为路由没 ......
vue注册全局组件，批量注册全局组件的所有方式
本文列出所有主流在vue中批量注册全局组件的方法 本文下面所有例子的组件目录如下： 方法一：直接在main.js中循环遍历注册 1.在main.js中 // 引入所有需要注册的全局组件 import aboutView from '@/components/common/aboutView.vue' ......
CTFer成长记录——CTF之Web专题·[ACTF2020 新生赛]Include
一、题目链接 https://buuoj.cn/challenges#[ACTF2020%20新生赛]Include 二、解法步骤 打开网页: 有趣的是无论是查看源代码还是bp抓包都一无所获，这题考的是php的filter伪协议进行文件包含： php://filter：(from https://b ......
vue-router钩子执行顺序
Vue的路由在执行跳转时，根据源码可知，调用了router中定义的navigate函数，源码中可以看出，由Promise then的链式调用保证了路由守卫按照以下顺序执行 ......
CTFer成长记录——CTF之Web专题·bugku-变量1
一、题目链接 ctf.bugku.com/challenges/detail/id/76.html 二、解法步骤 打开网站：提示flag藏在变量中： preg_match()后接的正则表达式：^开始, \w表示任意一个单词字符，即[a-zA-Z0-9_] ,+将前面的字符匹配一次或多次，$/结尾。 ......
关于vue集成element ui表格无法渲染
依赖版本问题 安装后重新加载依赖，直接 npm install 版本修改： cnpm install core-js@3.8.3 ......
vue中的provide/inject具体使用
隔了很长一段时间才更新。 因为这段时间换了个地方搬砖，事情比较多，需要熟悉公司的各个项目涉及到的业务和代码，所以才没更新。 从今天开始准备慢慢恢复更新，争取一周分享一篇自己学习的心得。新坑主要技术栈是以vue为主，所以分享的内容主要也是以vue为主。随着形势的发展，前端行业对于从业人员来说要求也会越 ......
web浏览器常见错误代码
浏览器常见错误代码： Http: 3xx-重定向 301：对象已永久移走，即永久重定向 302：对象已临时移走 304：未修改 307：临时重定向 4xx-客户端错误 400：错误的请求 401：访问被拒绝 403：禁止访问 404：未找到 405：用来访问页面的方法不被允许 5xx-服务器错误 5 ......
居中布局
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content= ......
Vue3多条数据复制功能，复制内容用逗号拼接
<div class="person-list"> <div class="person-item">9939939939399399</div> <div class="person-item">1111111111111111</div> </div> <el-icon class="allow ......
Vue3的响应式数据处理方式
问题：data[0].tableId 是 undefined，但控制台可以打印出 data[0] 的值 原因: Vue 3 的响应式数据处理方式导致的。 Vue 3 使用了 Proxy 来实现响应式数据。当你访问一个响应式对象的属性时，Vue 会在底层进行拦截，并返回响应式的值。这意味着，当你访问 ......
vue2和vue3的区别
1.性能提升 vue3对性能进行了优化，相较于vue2，在运行时的性能更高。vue3采用了Proxy代理机制，使得在数据变化时可以更快的更新视图，从而提供了更好的响应性能。 2.Composiiton API (组合式API) vue3引入了Compsition API,这是一种新的API风格，它允 ......
vue3中的watch与vue2中的watch的对比
新版的 watch 和旧版对比，在使用方式上变化非常大！旧版是这样用的，和 data 、 methods 都在同级配置： // 旧版的写法： export default { watch: { // ... }, data () { return { // ... } }, methods: { / ......
vue3实现图片滚动播放
<template> <div class="swiperBox"> <div id="swiper"> <div class="imgBox" @mouseenter="mouseenter" @mouseleave="mouseleave"> <a v-for="(x, i) in LinkLi ......
vue 页面刷新防止数据丢失的解决办法
在vue项目中，经常会切换tag，或者刷新页面。导致路由中的数据丢失， 可以使用以下方法 1：将需要缓存的数据 存在stroge（session,local）中，这样即使页面刷新也不会丢失 2：将数据保存在url中，eg: { name: 'zlgmmasterdataedit', path: 'z ......
vue3状态管理工具Pinia的使用
1.安装 npm install pinia --save 2.src文件夹下新建store文件夹，并新建index.ts import {createPinia } from 'pinia' const pinia = createPinia() export default pinia 2.在m ......
lottie-player src路径错误>在Vue.js中不工作
lottie-player src路径错误>在Vue.js中不工作 浏览 153关注 0回答 1得票数 0 原文 当我在我的Vue.js代码中插入<lottie-player>并且动画来自lottiefiles的网站时:它工作得很好。但是如果我的animation.json来自我的公共文件，我会在控 ......
vue中vue-alipayer-v2的使用
项目中播放视频用到了vue-alipayer-v2，代码如下 <template> <VueAliplayerV2 :source="$api.showImageUrl + playvideo.videopath" ref="VueAliplayerV2" ></VueAliplayerV2> </ ......
vue vuedraggable实现拖拽，table表格拖拽，拖拽自定义样式
效果 1，npm install --save vuedraggable 2, import draggable from "vuedraggable"; 3, components: { draggable, }, 4, <table cellspacing="0" cellpadding="0" ......
vue.js:el-checkbox的全选复选框例子(element-plus@2.2.5)
一，官方文档地址: https://element-plus.gitee.io/zh-CN/component/checkbox.html#%E4%B8%AD%E9%97%B4%E7%8A%B6%E6%80%81 二，代码： 1,html代码 1 2 3 4 5 6 7 8 9 10 11 12 1 ......
vue.js:路由跳转后自动定位到页面顶部(vue@3.2.37)
一，代码： 说明：在main.js中增加代码,在路由跳转后滑动到顶部,如下 //页面加载后滑至顶部 1 2 3 router.afterEach(() => { window.scrollTo(0,0); }); main.js的例子如下: 1 2 3 4 5 6 7 8 9 10 11 12 13 ......
CTF比赛中Web的php伪协议类型题小结
# php协议类型 ``` file:// — 访问本地文件系统 http:// — 访问 HTTP(s) 网址 ftp:// — 访问 FTP(s) URLs php:// — 访问各个输入/输出流（I/O streams） zlib:// — 压缩流 data:// — 数据（RFC 2397） ......
web | 在node中使用axios进行同步和异步请求
# web | 在node中使用axios进行同步和异步请求 最近在看怎么用nodejs整爬虫，摸索一下axios的使用。 ```js const axios = require('axios'); // 异步写法 axios("https://mz1.top") .then(res=>{ cons ......
ffmpeg rtsp转flv挂载到web端（Windos版）
# ffmpeg rtsp转flv挂载到web端（Windos版） 1. ## 下载ffmpeg ![image-20230718173453821](https://img-1303838157.cos.ap-nanjing.myqcloud.com/img/image-2023071817345 ......
ffmpeg rtsp转flv挂载到web端（Linux版）
# ffmpeg rtsp转flv挂载到web端（Linux版） 1. ## 下载ffmpeg ![image-20230718173453821](https://img-1303838157.cos.ap-nanjing.myqcloud.com/img/image-20230718173453 ......