布局vue web
vue3 vite后台管理模板项目打包报错 Some chunks are larger than 500 KiB after minification解决办法
1、错误原因分析： 超过块大小限制，块大小默认500 KB 2、解决办法： 在vite.config.js 中增加 output 配置项 build: { chunkSizeWarningLimit: 1500, // 调整包的大小 rollupOptions: { output: { // 最 ......
Vue中使用Element
Vue中使用Element.UI菜单完成主体页面搭建一.搭建ElementUI基础环境（基于脚手架）1.新建空的文件夹,文件夹命名自定义2.在文件资源管理器上方输入cmd3.然后在控制台中输入vue create (自定义名称)注意:只支持小写 输入完后按Enter4.在第一个选择项中选择Manua ......
vue3常见的难点
vue中params和query的区别，以及具体用法：https://blog.csdn.net/weixin_42282727/article/details/107505014 route、router区别：https://blog.csdn.net/m0_67948827/article/de ......
现代CSS布局技术：Flexbox和Grid的使用指南和最佳实践
在现代Web开发中，CSS布局技术变得越来越重要。Flexbox和Grid是两种常用的CSS布局技术，它们可以帮助我们创建灵活、可维护的布局。 ......
CTFer成长记录——CTF之Web专题·bugku—never_give_up
一、题目链接 https://ctf.bugku.com/challenges/detail/id/88.html 二、解法步骤 打开网页，url中看到id=1，修改成2、3、4发现无反应。然后查看网页源代码：，提示一个网址，直接访问看看： 发现url跳转到了bugku的论坛： BP抓1p.html ......
idea 配置 java web项目踩坑
 Path是web项目的web.xml的完整路径 Web Resource directory是web项目的源码路径 就 ......
CTFer成长记录——CTF之Web专题·buuctf—Cookies
一、题目链接 https://ctf.bugku.com/challenges/detail/id/87.html?id=87& 二、解法步骤 打开网页，发现自动给url上了参数：， line的值为空，filename是base64加密格式，解密后为：key.txt。 首先尝试更改line=1,、2 ......
vue3传属性时报错 [Vue warn]: Component is missing template or render function.
上网查这个问题，解决方案很多，没有一款适合我。。。先说我的解决办法，如果解决不了再往下看，我的原因是 用的子组件的ref和子组件的标签名一样了： <ChildComponent1 ref="ChildComponent1" :parent-data="data" > <template #slot- ......
C#快速自适应布局
一种自适应布局的方法，它可以根据界面比例自动缩放内容控件，在较短时间内完成软件布局。此方法的优点是：简单易学，布局速度快，适用于绝大多数软件界面。缺点是：不太适合需要高度定制的复杂软件界面。实现的原理是：会将from装进Panel里面对控件进行自动计算大小，每次界面变化时，修改每个控件的尺寸。 创建 ......
web浏览器查看隐藏的密码
有时候我们在web浏览器中输入密码时，有些系统密码框并没有查看密码的小脚丫，我们也不知道有没有输错，如下图： 查看隐藏的密码（此方法也适用于已经保存过的密码）： 1、我们在密码框中鼠标右键，选择“检查” 2、然后会进入代码检查器 3、我们将代码 type="password" 这项改为 type=" ......
vue3新语法糖——setup script
vue3新语法糖——setup script CoCoyY1 2021-03-27 12:5241480 前言 vue3上线已经很久了，许多小伙伴应该都已经使用过vue3了。那么在使用vue3composition API的时候有没有觉得整个过程会比较繁琐呢。比如当你定义了一个方法，然后发现模板需要 ......
web 通用 request - download
request import axios from 'axios' import { MessageBox, Message } from 'element-ui' import store from '@/store' import { getToken, getzyToken } from '@ ......
文字转语音 - 搭建微软tts整合web服务提供api接口（免费）
微软tts是业界公认文字转语音效果最佳本文使用docker搭建微软tts服务并提供api接口对外提供服务对接官方免费在线体验接口，搭建后可免费进行调用使用，不保证永久稳定可用 调用方式url：http://127.0.0.1:5003/ttsmethod：POST 参数 类型 描述text stri ......
vue2公共组件=》筛选条件
源码 <template> <div class="c__filter" :style="`height: ${showFilter ? 'auto' : '47px'}`" v-if="filterNum > 0" ref="tableFilter" > <div class="c_filter_ ......
web播放本地流视频
<template> <div> <div class="video"> <video></video> </div> </div> </template> <script> export default { mounted() { this.playVideo() }, methods: { pl ......
vue无缝循环轮播
在网上看了几个无缝循环轮播的实现方法，使用方法都比较复杂，所以这里提供一种比较简单的实现方式 gitee: https://gitee.com/philippines-kisses-snow/rotation ## 结构和理论梳理 ### 理论 .href document.getElementById('hero-img').src = imgUrl 官网地址： ......
【Web开发指南】MyEclipse XML编辑器的高级功能简介
MyEclipse v2023.1.2离线版下载 1. 在MyEclipse中编辑XML 本文档介绍MyEclipse XML编辑器中的一些可用的函数，MyEclipse XML编辑器包括高级XML编辑，例如： 语法高亮显示 标签和属性内容辅助 实时验证(当您输入时) 文档内容的源（Source）视 ......
Web开发框架 WebBuilder 9 发布
WebBuilder 是一款强大，全面和高效的Web开发框架 。基于浏览器的集成开发环境，智能化的设计，能轻松完成常规桌面应用和面向手机等的移动应用开发。高效、稳定和可扩展的特点，适合复杂企业级应用的运行。跨平台、数据库和浏览器的架构，适应复杂的服务器和客户端环境。包含多项先进技术，使应用系统的开发 ......
【校招VIP】前端JS语言考点之Vue考察
考点介绍： Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。 一、考 ......
vue 实现 pdf 预览功能
随着互联网的发展，PDF 文件在信息交流和文档分享中起着重要的作用。通过在 Vue 组件中实现 PDF 预览功能，我们可以为用户提供便捷的内容阅读体验。
通过阅读本文，读者将了解如何在 Vue 中实现强大的 PDF 预览功能，为用户提供方便的阅读体验。无论你是刚入门的 Vue 开发者，还是有一定经... ......
第六章、web前端架构师
[TOC] ####十二、通用上传组件开发以及使用 #####1、导学 ``` * 开发通用上传组件 - 通过TDD的方式，开发一个通用上传组件，然后将组件添加到编辑器中进行使用，从 这个过程中衍生出很多的相关知识点 * 主要内容 - 模拟真实开发场景，使用TDD的方式，一步步开发一个通用上传组件 ......
Vue的数据更新，页面不更新的解决办法
## 可能原因 更新的数据跟源数据不是同一个，即不是同一个引用 ## 解决办法 最稳妥的办法，可通过拿到源数据取索引的方式进行数据的更新，如： 有一个源数据叫：originData 那么如果在更新时，通过`this.originData[index].time = newValue`的方式进行更新， ......
前端页面常见的布局方式有以下几种
# 前端页面常见的布局方式有以下几种 1、文档流 --内联元素从左往右排列，块级元素从上往下排列。 2、float（浮动）布局 3、position （定位）布局 4、display inline-block （行向）布局 5、margin 布局 6、display:flex 弹性布局 7、disp ......
ctfshow-web入门-信息搜集
title: ctfshow web入门 信息搜集 date: 2023-08-11 17:21:10 categories: web刷题记录 description: web1~web17 # web1 f12查看源代码即可发现注释 # web2 js前台拦截，右键查看源代码和f12均失效,两种方 ......
ctfshow-web入门-sql注入-SELECT模块
title: ctfshow-web入门-sql注入-SELECT模块 date: 2023-08-13 22:06:17 categories: web刷题记录 description: web171~web172 ##基础知识缺乏的推荐看我的sqli-labs系列 ##web171 单引号包裹， ......