前端 终端 实战vue
判断移动终端类型安卓苹果鸿蒙、查看设备详细信息、跳转到各手机应用商店、判断APP是否已安装
案例1：判断移动终端类型，微信扫描二维码链接可以区分华为（荣耀）、安卓、苹果手机。华为及荣耀会跳到华为应用商店、安卓会提示浏览器打开、苹果跳到苹果商店。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>投教基地移动终端信息</t ......
Flask PIN码生成终端RCE
来自 [GYCTF2020]FlaskApp 这道题确实不会，只能乖乖看wp做复现，但是学到了很牛逼的东西，一部分flask的SSTI注入知识和PIN码的生成机制。 点进去就是base64的加解密程序，hint处有个提示，源码里有PIN。 预期解应该是debug出pin码然后终端RCE。 非预期解 ......
vue上通过krpano.js实现360全景图
首先贴出一些XML对应的函数，文件内容都有注释说明， 前端代码读取xml文件代码 // 初始化 window.embedpano({ xml: 0, target: 'pano', html5: 'only', mobilescale: 1.0, passQueryParameters: 'star ......
getRefs is undefined html vue2项目 报错
vue2项目提示 getRefs is undefined 在div上面写了，ref，还写了v-if 然后再watch中操作了 ref 导致报错。 分析： 组件因为v-if 为 false 没有注册和渲染，在操作的时候还使用了this.$refs函数就会获取不到 解决办法： v-if换成v-show ......
vue2自定义指令实现el-dropdown下拉菜单项最小宽度等于内容宽度
//在main.js添加 Vue.directive('siem-dropdown', function (el, binding, vNode) { let ul = el.querySelector("ul") let uid = vNode.componentInstance._uid; // ......
创建vue3项目、setup函数、ref函数、reactive函数、计算监听属性、生命周期、torefs、vue3 setup写法
创建vue3项目 # 两种方式 - vue-cli：vue脚手架 》创建vue项目 》构建vue项目--》工具链 跟之前一样 - vite ：https://cn.vitejs.dev/ -npm create vue@latest 一路选择即可 # 运行vue3项目 -vue-cli跟之前一样 - ......
Django实战项目-学习任务系统-用户登录
第一步：先创建一个Django应用程序框架代码 1，先创建一个Django项目 django-admin startproject mysite 将创建一个目录，其布局如下： mysite/ manage.py mysite/ __init__.py settings.py urls.py asgi ......
linux终端
shell echo $SHELL # 查看现在使用的shell cat /etc/shells # 查看系统已有的shell chsh -s /bin/zsh # 更换默认终端，需要重新登录 zsh zsh的一个配置设置 sudo apt install zsh autojump sudo apt ......
vue3中defineComponent 的作用详解
转自：https://www.jb51.net/article/263096.htm 这篇文章主要介绍了vue3中defineComponent 的作用,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下 vue3中，新增了 defineCompon ......
是用非构建工具开始使用Vue3
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
Ubuntu查看端口占用及关闭终端命令
Ubuntu查看端口使用情况，使用netstat命令： 查看已经连接的服务端口（ESTABLISHED） netstat -a 查看所有的服务端口（LISTEN，ESTABLISHED） netstat -ap 查看指定端口，可以结合grep命令： netstat -ap | grep 8080 也 ......
创建vue3项目，setup函数，ref函数，reactive函数，计算监听属性，生命周期， torefs，vue3 setup写法
1 创建vue3项目🐑 # 两种方式 - vue-cli：vue脚手架 》创建vue项目 》构建vue项目--》工具链 跟之前一样 - vite ：https://cn.vitejs.dev/ -npm create vue@latest 一路选择即可 # 运行vue3项目 -vue-cli跟之前 ......
Vue.js 中添加动态背景图片
用 style 标签在 Vue.js 中应用或数据绑定背景图像，然后在其中定义 backgroundImage URL。 它会自动从字符串中检索url，然后在浏览器网页上显示相同的数据内容 ......
vue-router使用、localStorage系列、vue3介绍、组合式api和配置项api
vue-router使用 以后，就是组件的切换实现页面切换的效果 》必须借助于vue-router来实现 vuex 现在知道的 -<router-view/> 》显示组件 》router/index.js中配置 -<router-link :to="about_url"> 》做 页面组件跳转的 基本 ......
Vue3中shallowReactive 与 shallowRef 的用法
转自：https://blog.csdn.net/qq_54527592/article/details/119840044 shallowReactive 与 shallowRef shallowReactive：只处理对象最外层属性的响应式（浅响应式）。 shallowRef：只处理基本数据类型 ......
Vue3
一、创建vue3项目 1、 2、 二、setup函数 1、 三、ref函数 1、 四、reactive函数 1、 五、计算和监听属性 1、 六、生命周期 1、 七、torefs 1、 八、vue3 setup写法 1、 ......
前端项目异常监控-全局捕获Promise错误
1.核心 全局监听unhandledrejection，该事件为Promise被reject时但没有reject处理器时（没有被catch处理），则触发该事件。（ async 函数内部的异步任务一旦出现错误，那么就等同于 async 函数返回的 Promise 对象被 reject。） 2.编写辅助 ......
Vue3
vue3.3.4 + vite4.4.9 1.组件安装 1.1 ElementPlus npm install element-plus --save main.js import ElementPlus from 'element-plus' import 'element-plus/dist/i ......
Vue3 Div 与 v-for 的配合应用，超出自动带滚动条
效果图 代码 <li > <a href="javascript:;" class="IndRea flexC Huans"><i></i><p>当前会议 [ 0 ]</p></a> <div style="height:80%;overflow:auto;"> <div v-for="(dataI ......
vue.js函数模板引用
// 参考网址：https://cn.vuejs.org/guide/essentials/template-refs.html#ref-on-component// 模板引用也可以被用在一个子组件上。这种情况下引用中获得的值是组件实例：// 如果一个子组件使用的是选项式 API 或没有使用 <sc ......
vue3响应式原理
转自：https://blog.csdn.net/qq_51130780/article/details/129424598 响应式的相关知识Vue 3 中的响应式原理是通过使用 ES6 的 Proxy 对象来实现的。在 Vue 3 中，每个组件都有一个响应式代理对象，当组件中的数据发生变化时，代理 ......
vue3——全局挂载，getCurrentInstance，proxy属性
1. messageTools/index.ts import {ElMessage} from "element-plus" export default { // 普通消息提示 msg(text:any) { ElMessage(text); }, // 成功消息提示 msgSuccess(te ......
Strimzi Kafka Bridge(桥接)实战之三：自制sdk(golang版本)
欢迎访问我的GitHub 这里分类和汇总了欣宸的全部原创(含配套源码)：https://github.com/zq2599/blog_demos 本篇概览 本文是《Strimzi Kafka Bridge(桥接)实战》的第三篇，前文咱们掌握了Strimzi Kafka Bridge的基本功能：基于h ......
前端canvas实现签名功能，可以横屏/竖屏签名
页面展示效果，点保存后生成图片链接 图片链接展示效果 这里只展示了竖屏签名效果，横屏自己粘贴代码测试 css .box {width: 98%;display: flex;flex-direction: column;margin: auto;} .canvasbox {width: 100%;bo ......
JS逆向实战23 某市wss URL加密+请求头+ws收发
声明 本文章中所有内容仅供学习交流，抓包内容、敏感网址、数据接口均已做脱敏处理，严禁用于商业用途和非法用途，否则由此产生的一切后果均与作者无关，若有侵权，请联系我立即删除！ 本文首发链接为: https://mp.weixin.qq.com/s/o5UCJFhBg-4JFdS0aEwDuw 前言 在 ......
Springboot+Vue整合（二）
今天内容1： 用Vue实现了进一步的查询，通过ID进行条件查询 这个内容基本上是在之前的整合的基础上做的修改 流程为： 页面添加搜索框 <el-table-column align="right"> <template slot="header" slot-scope="scope"> <div s ......
【爬虫实战】用python爬小红书某话题的笔记，以#杭州亚运会#为例
用Python采集抓取小红书指定话题下的笔记数据，字段包含：笔记标题,笔记id,笔记链接,作者昵称,作者id,作者链接,发布时间。 ......
前端设计模式：工厂模式（Factory）
工厂是干什么的？工厂是生产标准规格的商品的地方，建好工厂，投入原料（参数），产出特定规格的产品。so，工厂模式就是把对象的创建 —— new() 封装起来，在工厂里实现对象的创建（商品的生产）。这样做的好处是用来解耦，解耦对象的消费（使用）和创建（实现），面向抽象编程 ......
G9、ACGAN理论与实战
🍨 本文为🔗365天深度学习训练营 中的学习记录博客 🍖 原作者：K同学啊 🚀 文章来源：K同学的学习圈子 论文地址：Conditional Image Synthesis With Auxiliary Classifier GANs 一、ACGAN理论基础¶ ACGAN的全称Auxilia ......
G7、Semi-Supervised GAN 理论与实战
🍨 本文为🔗365天深度学习训练营 中的学习记录博客 🍖 原作者：K同学啊 🚀 文章来源：K同学的学习圈子 问题由来¶ 如果我们生成的图像是带有标签的，例如数字0-9，那为什么要鉴别器判断输入图像为真假，而不直接判断图像是0-9中的哪一个数字呢，这样的鉴别效果不是更好吗 一、SGAN理论基础 ......