前端 终端 实战vue
Vue——vue2监听元素style变化
前言 纯粹是为了偷懒，不想再安装swiper来渲染，直接改造下element-ui的走马灯，实现类似的效果，最主要的是后续会迭代到vue3，所以这里临时的实现下即可； 内容 元素绑定ref 给需要监听的元素添加ref，这里是ref="carouse" <div v-for="(nodes, inde ......
一个小前端加密
页面上有这样的一个联系方式，需要点击"点击查看"之后才能获取到脱敏后的联系方式。 与页面交互前，使用DevTools进行各种搜索与Network抓包，找不到隐藏有脱敏前的完整数据。 一般遇到这种情况我们会首先排查，数据是否是通过接口触发后返回。但遗憾的是，交互过程只抓到请求一个看起来无关的接口。 那 ......
Redis 性能优化实战
Redis 作为内存数据库，其性能表现非常出色，单机 OPS 很容易达到 10万以上，这主要得益于其高效的内存数据结构、单线程无锁设计、IO 多路复用等技术实现。但是在线上生产环境的使用中，我们仍然会发现在使用 Redis 的时候其性能和预期是不符的，例如出现了明显的延迟等，如果我们能从 Redis ......
前端 Git 使用约定
前端 Git 使用约定 背景 开发前端项目，有以下困惑： 使用哪个分支开发，哪个分支发布 修复线上bug的流程是什么，如何避免修复完了下次却又出现了 cms分支有十多个，是否都有用 如何快速找到之前某次功能开发，或某次bug修复 为了减轻上述困扰，引入 gitflow 规范，并根据公司情况做适当调整 ......
一个WPF版的Layui前端UI库
思维导航 前言 WPF介绍 Layui前端UI组件库介绍 项目源代码 项目源码运行 项目运行部分截图 项目源码地址 优秀项目和框架精选 DotNetGuide技术社区交流群 前言 相信做.NET后端开发的很多小伙伴都用过Layui前端UI组件库，今天我们分享一个WPF版的Layui前端UI样式库：L ......
vue3（二）
1、ref标签 <template> <div class = "person"> <h1>China</h1> <h1>beijing</h1> <button @click="showLog">点击此处输出中文</button> </div> </template> <script lang = ......
Python性能测试框架Locust实战教程
01、认识Locust Locust是一个比较容易上手的分布式用户负载测试工具。它旨在对网站（或其他系统）进行负载测试，并确定系统可以处理多少个并发用户，Locust 在英文中是 蝗虫 的意思：作者的想法是在测试期间，放一大群 蝗虫 攻击您的网站。当然事先是可以用 Locust 定义每个蝗虫（或测试 ......
前端与爬虫
搜索爬虫, 我们会搜到一大堆 Python 相关的结果 问题: 爬虫和前端有关系吗? 爬虫是什么 爬虫程序是一种计算机程序，旨在通过执行自动化或重复性任务来模仿或替代人类的操作。 爬虫程序执行任务的速度和准确性比真实用户高得多。爬虫程序类型众多，可执行各种任务，并且爬虫程序在互联网流量中的比重也越来 ......
Vue实现商品详情鼠标移动+放大显示图片细节
效果图 代码实现 <template> <div> <div style="position: relative;" class="box"> <img @mousemove="updatePositions" src="https://img.pddpic.com/gaudit-image/202 ......
# Vue3 使用路由 Router
Vue3 使用路由 Router 之前几篇博文说了一下 vue 的基本语法和 vue 的传参，今天这篇博文稍微说一下 vue3 里面使用路由。 介绍 众所周知，vue 是用来构建单页面应用的前端框架，大于大多数此类型应用来讲，都推荐使用官方支持的 vue Router，在单页面应用，客户端的 Jav ......
canvas 手写签名 vue3
<canvas ref='canvas' height="360" width="600"></canvas> <div class="signature"> <button class="re-sign" ref="clearBtn">重新签名</button> </div> <script se ......
C#中的.net6 WebAPI + Vue3
ShoopingWeb没有控制器，普通api有控制器，ShoopingWeb是直达型，精简了很多中间代码，广泛适用于微服务架构 ShoopingWeb一切都在组控制台应用程序类【Program】上执行，也可以自由分类封装 namespace ShoopingWeb { public static c ......
vue-router动态路由 - 角色切换或退出登录时重置路由表
vue-router@4以上可以使用removeRoute()方法来移除. router.getRoutes().forEach(route => { // 这里还需要条件判断哪些是静态路由不需要移除 router.removeRoute(route.name); }); 但是vue-router@ ......
vue3 搜索关键字变颜色
let inputNews = ref('')let element = ref('')// contentText 传入数组const seachNews = (contentText) => { // 循环数组 for (let j = 0; j < contentText.length; j+ ......
VUE3请求数据接口，将时间戳转换为时间案例
<template> <!-- ... 其他代码 ... --> <div class="w-full h-[250px] scroll_list text-[#fff] overflow-auto"> <div class="flex" v-for="(item, index) in state. ......
实战博彩站点-从弱口令到提权
0x00 前言我们的小团队对偶然发现的bc站点进行的渗透,从一开始只有sqlmap反弹的无回显os-shell到CS上线,到配合MSF上传脏土豆提权,到拿下SYSTEM权限的过程,分享记录一下渗透过程0x01 登录框sql注入看到登录框没什么好说的,先试试sqlmap一把梭burp抓包登录请求,保存 ......
记一次被骗花呗背后骗局的渗透实战
0X00 事情起因 大街上偶遇预存话费3999送平板被套路，支付宝被一顿操作又套现又转账的把我花呗都套走了。回到家越发越觉得不对劲，越发越后悔，网上一搜关于这类的活动一抓一大把而且一模一样越看是越生气啊。 最主要的呢，送的平板也是八百多的根本不值预存话费的这个价，且居然有卡死的现象，于是乎我决定深挖 ......
vue使用问题记录:父组件通过props传给子组件数据,后改变数据,要使用nextTick,否则修改滞后,可能造成bug
问题如标题所写 代码示例: 父组件: <template> <div class=""> <div class=""> <t-form ref="formData" :data="data.formData" colon label-width="100px" label-align="right" ......
node express+vue+html，后端+后台管理+官网线上部署
引言简介 遗憾：这里没有进行linux的mysql安装不完美，有空补全 1. node安装 安装nodejs参考地址： https://blog.csdn.net/cnds123321/article/details/121301089 报错 GLIBC_2.28 not found 这里安装的时候 ......
vue2和vue3的区别有哪些
一、生命周期 vu3在组合式API（Composition API）中使用生命周期钩子时需要先引入，vue2在选项API（Options API）中可以直接调用生命周期钩子 //vue3 <script setup> import { onMounted } from 'vue' onMounted ......
记一次BC推广渗透实战
0x00 信息搜集朋友给了我一个站，算一个比较大的bc，主站看了一下，没有入口，就换了他的一个推广平台然后首先大致扫了一下目录，希望可以看见一些有用的东西。这个时候我可以推荐大家一个接口，可以快速大致看看他重要的文件https://scan.top15.cn/web/infoleak例如探针，网站源 ......
一个WPF版的Layui前端UI库
前言 相信做.NET后端开发的很多小伙伴都用过Layui前端UI组件库，今天我们分享一个WPF版的Layui前端UI样式库：Layui-WPF。 WPF介绍 WPF 是一个强大的桌面应用程序框架，用于构建具有丰富用户界面的 Windows 应用。它提供了灵活的布局、数据绑定、样式和模板、动画效果等功 ......
终端上的Github Copilot和IDE上的Github Copilot
GitHub Copilot Github Copilot文档地址：Github Copilot文档 IDE上的 GithubCopilot VSCode 安装VSCode：如果您还没有安装VSCode，请前往VSCode官方网站下载并安装最新版本的VSCode。 安装GitHub Copilot插 ......
记一次帮助粉丝渗透某盘反诈骗的实战
0X00 事情由来了解完事情的经过，经过我的经验判断，这应该是个杀猪诈骗案例诈骗份子通过一些手段让受害人相信，通过他们可以赚钱并诱导充值杀猪盘赌博0X01 渗透过程-大概二十分钟左右就拿下了渗透过程简单枯燥：看了一眼IP和端口，判断了下应该不存在云waf，直接开始扫目录过了几分钟扫到一个http:/ ......
vue3 使用脚手架创建应用
1.安装条件 已安装 18.0 或更高版本的 Node.js 2.安装 在你的目录下运行以下命令： vue create learn_vue3 选择安装vue3： 3.运行 npm run serve ......
认识前端
前端 什么是前端？ 前端就是用户可以直接看得到的视图层就是前端 什么是后端？ 后端是和数据打交道的，在用户看不到的 前端学习的内容 """前端三剑客""" HTML：一个网页的骨架，没有任何样式 CSS：给一个网页添加样式，让其变得更加美观 JavaScript：让网页有动效 前端框架： jQuer ......
前端开源项目UIRecorder录制脚本遇到的一些问题
D:\nodejs\node_global>uirecorder init __ ______ ____ __ / / / / _/ / __ \___ _________ _________/ /__ _____ / / / // / / /_/ / _ \/ ___/ __ \/ ___/ __ ......
linux server Vue 或其它单页面项目站点 nginx 实施部署
# nginx vue 处理前台路由 history 模式刷新 404 的问题 location / { try_files $uri $uri/ /index.html; if ($uri ~* .*\.(?:htm|html)$) { add_header Cache-Control "no-s ......
【积微成著】性能测试调优实战与探索（存储模型优化+调用链路分析）| 京东物流技术团队
一、前言 性能测试之于软件系统，是保障其业务承载能力及稳定性的关键措施。以软件系统的能力建设为主线，系统能力设计工作与性能测试工作，既有先后之顺序，亦有相互之影响。以上，在性能测试的场景决策，架构分析、流量分析、压测实施和剖解调优等主要环节中，引发对于系统能力底盘夯实和测试策略改进的诸多思考。 在性 ......
前端跳转第三方链接带上token，第三方跳转链接能在Authorization中添加字段吗，方法
要在前端跳转到第三方链接时携带 token，你可以使用以下几种方法： URL 参数：将 token 作为 URL 的查询参数传递给第三方链接。例如，将 token 添加到链接的末尾，如 https://example.com/third-party?token=your_token_here。第三方 ......