布局vue web
vue + ele 下拉选择框和下拉多选选择框处理
效果图如下：  取消 确定 ![](https://img2023.cnblogs.com/blog/127401 ......
Web编辑器上传图片word
在之前在工作中遇到在富文本编辑器中粘贴图片不能展示的问题，于是各种网上扒拉，终于找到解决方案，在这里感谢一下知乎中众大神以及TheViper。 通过知乎提供的思路找到粘贴的原理，通过TheViper找到粘贴图片的方法。 其原理为一下步骤： 监听粘贴事件；【用于插入图片】 获取光标位置；【记录图片 ......
vue 使用 eruda（移动端H5调试工具）
<script src="https://cdn.bootcdn.net/ajax/libs/eruda/2.3.3/eruda.min.js"></script> <script>eruda.init()</script> ......
Vue h5实现跳转百度、高德地图
1、在index.html文件引入js <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=3e4d1229e928904d97938107acc0305b&plugin=AMap.Geocode ......
vue中使用provide和inject依赖注入组件之间进行父子组件传值（也适用于嵌套路由）
父组件中： provide: function() { return { reload: this.reload // 父组件中的方法 } } 子组件中： inject: ['reload'] 使用：this.reload() // 也可传入参数 ......
.Net Web API 003 添加Controller实现用户登录
1、Get和Post WEB API 中HTTP 请求方式的四个主要方法 （GET， PUT， POST， DELETE）。Get一般用于查询、Put一般用于更新，Post用户创建，delete用户删除。我一般情况下使用Get和Post。查询用Get，例如定义的一些GetByGUID、GetByUs ......
如何在VUE3中使用Axios
## 1、安装Axios `npm install axios` ## 2、封装一个api.ts `import axios from 'axios'; const api = axios.create({ baseURL:'http://localhost:8080', timeout: 1000 ......
docker部署RetroArch-web 教程
在写华芸评测的时候，在Portal模式下发现了Mednafen这个可以玩复古游戏的插件，想了下[群晖](https://pinpai.smzdm.com/2315/)应该也可以实现类似的功能，于是乎在DockerHub找了一圈，还真找到一个可用的，于是乎就有了这篇教程。 ## 一、部署阶段 ### ......
PCB layout，或称为PCB设计，是将电子元件和连接线路等布局到电路板上的过程。
1. 设计思路 在进行PCB layout前，需要明确电路板的设计目标、功能、性能指标等，按照最终需求来设计电路板的参数、尺寸和针脚安排等。 2. 元器件部署 按照较理想的排列方式，分配和放置电子元件的位置和布局，也就是确定元器件的摆放位置、取向和连线顺序，配合特定的机械框架基本符合的要求。还要考虑 ......
vue.js:用el-breadcrumb显示当前路由(vue@3.2.36/element-plus@2.2.2)
一，代码: 官方文档地址： https://element-plus.gitee.io/zh-CN/component/breadcrumb.html 代码: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 2 ......
两栏布局
左边`固定`右边宽度`自适应` 固定元素要显式设置width,height 自适应元素要显式设置height ``` ``` ``` .left{ height:200px; width:300px; background-color: red; float: left; } .right{ hei ......
CSS常见布局
## 两栏布局 1.左边固定,右边自适应布局 ## 三栏布局 - 流体布局（浮动） - BFC三栏布局 - 双飞翼布局 - 圣杯布局 - flex - table布局 - 绝对定位布局 - 网格布局(Grid布局) ......
vue-scrollmagic 滚动动画制作插件
1、需求： 在做网站的时候、需要加一个根据页面滚动位置进行页面变化的效果。 2、实现方案： 自己写个滚动监听也不是很复杂、但是管理维护起来比较乱。所以直接找了这个插件 官网：vue-scrollmagic、插件地址 3、使用： 安装 npm i vue-scrollmagic --save 载入 / ......
vue循环生成echarts图表
1. 效果图 2. 引入echarts npm install echarts --save 3. main.js全局引入 4. 页面 data数据是从后台接口中返回的，需要通过watch监听来获取created方法中获取到的数据。用mounted由于是异步调用，是获取不到created中的数据的。 ......
终极low的vue+node+mysql的登录和注册页面
一次失败的项目 注*本次没有写完 一，本次项目的心里历程 其实压根算不上项目，项目只有登录和注册其他的什么也没有，不过是自我安慰罢了，本项目也不是我本人自己写的，思路很多都是从网上抄袭的，算是超级缝合聚怪了。 本来要写的详细的但是后来想了想太烂了，目前来说就罢了，之后慢慢写吧。 二，本次项目大致需要 ......
ruby web 实战(9）-vue 3基础（2）
[TOC] # 定位到导入的 vue 使用导入映射表 (Import Maps) 来告诉浏览器如何定位到导入的 vue： ```html world {{ message }} ``` ......
three.js学习1（vue3）
1.引入threejs npm install --save three 在组件内 import * as THREE from 'three' 2.创建容器 创建canvas标签，为3D渲染建立容器 <template> <div> <canvas id="three"></canvas> </d ......
vue多选框
# vue多选框 ## 多选框(选中传id) ### 效果图  点击确定后传入后台id ![image]( ......
CTFer成长记录——CTF之Web专题·攻防世界—NewsCenter
一、题目链接 https://adworld.xctf.org.cn/challenges/list 二、解法步骤 本题打开是让我们搜新闻，新闻的数据就是来自于数据库的，那么比较容易想到这题应该是sql注入。 首先判断是否能单引号绕过：输入hello正常回显，但hello' ，发现页面空白，说明he ......
Vue中使用Echarts---小记
# Echarts使用小结 > vue环境使用echarts ## 1. 柱状图 ### 1.1 分析 **当前需求：** - 有横向滚动条； - 柱条的颜色为渐变色； - 鼠标悬浮自定义展示（展示数据百分比） **示例图：** ![](https://img2023.cnblogs.com/blo ......
Vue实现el-upload上传一张图片后上传框消失
代码如下： <template> <body> <el-col span="12" :push="7"> <!-- auto-upload为是否自动加载；action为图片要上传到的地址，这里随便填一个，因为暂时不用 --> <!-- class为动态样式选择，是实现上传图片后上传框消失的关键 -- ......
web渗透测试(7)：跨站点脚本（XSS）
跨站点脚本源于信息发送给应用程序用户时缺乏编码。这可以用来注入任意的HTML和JavaScript; 结果是该有效载荷在合法用户的网络浏览器中运行。与其他攻击相反，XSS漏洞针对应用程序的用户，而不是直接针对服务器。 一些漏洞利用的例子包括： 注入假登录表单; 检索合法用户的Cookie; 注入浏览 ......
CTFer成长记录——CTF之Web专题·攻防世界—unseping
一、题目链接 https://adworld.xctf.org.cn/challenges/list 二、解法步骤 本题主要是代码审计和反序列化； 代码审计：首先我们需要知道整个题的基本执行顺序：post传参——>base64编码——>反序列化——>调用__wakeup()魔术方法——>执行waf( ......
深度解析Vue Router原理：实战指南与实用技巧
本文将深入解析Vue Router的核心原理，帮助读者全面理解Vue Router在Vue.js单页面应用中的作用和工作原理。从URL路由、路由表、导航守卫到组件渲染等方面进行逐步剖析，让读者了解每个概念的含义和相互关系。
同时，我们将提供实战指南和实用技巧，通过丰富的代码示例和案例分析，帮助读者学... ......
vue 滚动条事件监听
css: .active{ margin-top:-60px; } .trans{ transition: all 300ms; } > ` mounted() { // 监听页面滚动事件 window.addEventListener("scroll", this.scrolling); }, b ......
仓位布局
# 总仓位36w # 1.仓位占比 28.8的大仓位 7.2的短线操作 # 2.大仓位内部占比 ## 2.1 8.64的进攻 机器人 拓普 7.2(目前1.4) 汽车 爱科迪 7.2(目前0) ## 2.2 20.16的防守 医药 4w的爱美克(目前0) 猪肉 6w的(华统股份+巨星农牧+温氏股份) ......
web渗透测试(6)：HTTP认证 和 Web服务
来源：http://www.shanhubei.com/archives/2700.html HTTP认证 HTTP还提供了对用户进行身份验证的机制。有三种方法可用作协议的一部分： 基本认证：用户名和密码使用base64进行编码，并使用Authorization标头发送：Authorization: ......
CTFer成长记录——CTF之Web专题·攻防世界—file_include
一、题目链接 https://adworld.xctf.org.cn/challenges/list 二、解法步骤 本题依然是文件包含，那么构造paylaod:?filename=php://filter/read=convert.base64-encode/resource=flag.php 发现 ......
微信小程序+web数据库的开发实践
前言 生活中使用微信小程序的场景越来越多，它实现了用户对于应用“触手可及、用完即走”的理想需求。微信小程序的开发难度也低于APP的开发制作，使用它会更便利、低成本、高经济效益。 但是要完成一个小程序涉及到的技术栈比较多，要开发的模块也很多。比如： 微信小程序端的开发 小程序与后端接口的开发 后端管理 ......
web渗透测试(5)：Cookies 和 sessions
Cookie（和间接sessions）用于保存两个HTTP请求之间的信息。如果浏览器在没有cookie的情况下发送两次相同的请求，则服务器无法看到它是同一个人。你可以认为IP地址是足够的，然而很多人在企业环境和移动网络中共享相同的IP地址（因为他们通过相同的代理）。也可以将信息作为URL的一部分保存 ......