布局vue web
Web_XCTF_WriteUp | PHP2
题目 分析 尝试 url 接弱密码和找 php 源码,坐牢 1h。 看了大佬的 WP 才知道 php 源码文件扩展名是 phps,于是将 url 接上 /index.phps 找到源码: 整理一下代码,大致意思是: if("admin" $_GET[id]) { // 如果传入的id值为字符串adm ......
Spring源码学习之Web数据绑定器WebDataBinder
WebDataBinder 1.描述 特殊的数据绑定器用于从web请求参数到JavaBean对象的数据绑定。专为web环境,但不依赖于Servlet API;作为更具体的DataBinder变体的基类,例如ServletRequestDataBinder。 2.注意:数据绑定会暴露对象图中不打算被外 ......
.net 6 读取web.confg配置
以下代码的源代码仓库:https://gitee.com/shllong/net-read-web-config-default 引用包: Microsoft.Extensions.Configuration 配置类库 Microsoft.Extensions.Configuration.Binde ......
vue3页面中,两个相同组件,一个卸载,一个挂载,后展示的组件事件监听不生效?
场景:在实际开发中,遇到了这样一种场景,vue3页面,两个相同组件,在满足某条件下展示第一个组件,满足另一个条件下,隐藏第一个组件,同时展示第二个组件,比如反馈组件,会通过 window.addEventListener 来监听自定义的反馈弹窗展示和隐藏事件。 结果:两个相同组件一个卸载,一个挂载, ......
在web-view加载的本地及远程HTML中调用uni的API及网页和vue页面通讯
转载于在web-view加载的本地及远程HTML中调用uni的API及网页和vue页面通讯 - DCloud问答 uni-app的web-view组件,支持加载远程网页,在app环境下,还支持加载本地HTML页面。 在web-view加载页面中,会涉及wx、plus、uni等对象的使用。 在小程序下 ......
关于vue中的动态组件component和keep-alive
component标签是vue内置的,作用:组件的占位符 <component is="组件名称"></component> 其中is属性的值表示要渲染的组件的名字,也就是components节点下的组件名称 当我们动态切换组件名称时,每切换一次,组件就会被销毁一次,若不想让组件被销毁,则需要用到标 ......
Vue 嵌套选项卡 购物车
嵌套选项卡 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="js/vue. ......
vue组件的inheritAttrs属性
先看一个案例 子组件ChidComp.vue <script> export default { inheritAttrs: true, props: { msg: String }, mounted(){ console.log(this.$attrs.mesge); } } </script> ......
vue-treeselect使用案例
https://vue-treeselect.js.org/ 父子节点没有关联 <TreeSelect flat style="background-color: #0e3977" placeholder="请选择" v-model="org" :multiple="true" :options=" ......
让多媒体元素在既定容器中自由布局
一 功能 可添加时间、日期、星期、字幕、图片、视频和背景音乐。 可修改布局大小。画布及元素的个别属性(如x,y,width,height,fontsize)将会通过一定比例进行缩放,以此达到接近实际所看到的效果。 可通过拖拽修改元素位置、添加新元素;可对元素进行收缩以改变其尺寸等属性。 支持修改时间 ......
Web_XCTF_WriteUp | simple_js
题目 提示: 小宁发现了一个网页,但却一直输不对密码。(Flag格式为 Cyberpeace{xxxxxxxxx} ) 题目: 分析 F12 打开查看器找到一串 JS 代码: 分析一下大致意思: function dechiffre(pass_enc){ var pass = "70,65,85,8 ......
手撕Vue-Router-实现router-link
前言 在上一篇 [手撕Vue-Router-添加全局$router属性] 中,实现了将每一个 Vue 实例上挂载一个 $router 属性,这个属性就是我们在上一篇文章中创建的 VueRouter 实例。 开始 本章节,我们将实现一个 router-link 组件,这个组件可以实现点击跳转到指定的路 ......
手撕Vue-Router-实现router-view
前言 在上一篇 [手撕Vue-Router-实现router-link] 中,我们实现了 router-link 组件,这一篇我们来实现 router-view 组件。 实现思路 router-view 其实与 router-link 是同一个世界,同一个梦想的,那么我就废话不多说了,直接上代码。 ......
Vue3 + Vite中使用unocss
什么是unocss? unocss是一个即时的原子CSS引擎,它可以让你用简短的类名来控制元素的样式,而不需要写复杂的CSS代码。 Unocss: Guide 用Vite安装和配置步骤:UnoCSS Vite Plugin 互动性文档:https://unocss.dev/interactive/( ......
Vite4+Typescript+Vue3+Pinia 从零搭建(5) - 路由router
项目代码同步至码云 weiz-vue3-template Vue Router 是 Vue.js 的官方路由。它与 Vue.js 核心深度集成,让用 Vue.js 构建单页应用变得轻而易举。 1. 安装 npm i vue-router@4 2. 集成 1. 新建两页面进行示例 在src/view下 ......
Vue3
官网 https://cn.vuejs.org/guide/quick-start.html 再vue3中采用的是组合式API风格(组合式 API (Composition API)) 通过组合式 API,我们可以使用导入的 API 函数来描述组件逻辑。在单文件组件中,组合式 API 通常会与 <s ......
[Vue] vue学习笔记(3): 渲染
条件渲染 主要有四个指令 v-show:控制元素可视性,即是否增加样式display=none v-if/v-else-if/v-else:类似if/else-if/else的逻辑结构,进行条件判断,控制元素的可视性,注意这种方法会直接决定元素是否出现DOM树上,而非样式改变 < ! n is a ......
Web_XCTF_WriteUp | baby_web
题目 提示: 想想初始页面是哪个 题目: 分析 看到提示首先想到的是把 /1.php 删掉: 但还是回到这里。 打开 F12 再跑了一遍,拦截到三个包: 检查每个包,在 302 状态码包里找到 flag: Flag flag{very_baby_web} 参考 HTTP 状态码-菜鸟教程 ......
DASCTF 2023 & 0X401七月暑期挑战赛-web复现
别问为什么不复现十一月的那个比赛,因为不会wwwww。 EzFlask 进去就有源码了,先cv到编辑规范看一下: import uuid from flask import Flask, request, session, json from secret import black_list app ......
[Vue] vue学习笔记(3): 绑定样式
动态绑定样式 vue允许动态设置class的值,通过利用v-bind指令 🎄情景: 假设存在多个class样式,并给元素指定一个class = "basic", 类名随不同情况更改 <div id="root"> <! 动态设置后,类名变为"basic happy" or "basic sad" ......
浏览器插件 Obsidian web 与 Obsidian 插件 local rest api 结合配置过程记录
1. 安装浏览器插件 能到这里的肯定是已经有 Obsidian 了. 首先要安装 chrome 浏览器插件 Obsidian web 如图 2. 安装 Obsidian 上的插件 插件名为 local rest api, 如图 3. 设置浏览器插件配置 对应的 Obsidian web 中设置上 l ......
vue2与vue3的区别
一、双向数据绑定原理的区别 vue2 的双向数据绑定是利用ES5 的一个APIObject.definePropert()对数据进行劫持 结合 发布订阅模式的方式来实现的 vue3发生了改变,使用proxy替换Object.defineProerty,使用Proxy的优势 1、可直接监听数组类型的数 ......
web中两种登录状态保存方式:JWT和Session
由于http是无状态的,也就是说上一次请求和下一次请求之间没有任何关联。 那如何实现登录状态的保存呢? 一般使用两种方案: 服务端存储的session + cookie的方案 客户端存储的jwt token的方案 但是这两种方式都有各自的缺点。 服务端存储的session + cookie 给htt ......
vue 创建 项目方式
使用 webpack 创建 vue create pageName 资料 https://cli.vuejs.org/zh/guide/ 使用 vite 创建 npm create vue@latest 资料 https://cn.vitejs.dev/guide/cli https://githu ......
vue Vite3出现错误runtime-core.esm-bundler.js:6835 Uncaught TypeError: normalizeKey is not a function at createBaseVNode (runtime-core.esm-bundler.js:6835:19)
原因是在引入Element-Plus的顺序在vue之前导致,重新调整下他们的顺序后,问题解决。 import App from './App.vue' import { setupI18n } from '/@/i18n' import { setupRouter } from '/@/router ......
手机直播源码,js实现懒加载、vue实现图片懒加载指令
手机直播源码,js实现懒加载、vue实现图片懒加载指令 图片懒加载 监听滚动条滚动事件,当视口的高度+滚动高度,大于图片所在位置举例顶部的偏移量时(也就是距离),加载图片资源 index.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> ......
基于kore 的共享模块以及include 配置实现动态的web api 能力
kore 支持include 以及动态load 共享模块的能力,可以让我们实现动态扩展的api 加载能力 参考玩法 参考示例 项目结构 ├── conf │ ├── hello.conf │ ├── index.conf │ ├── mydemo.conf │ └── myhello.conf ├─ ......
Web_XCTF_WriteUp | Training-WWW-Robots
题目 分析 标题大致翻译: 训练 WWW 网络爬虫。 场景内部文段大致翻译: 在这个小小的训练挑战中,您将学习 Robots_exclusion_standard(网络爬虫排除标准)。 robots.txt 文件用于网络爬虫检查它们是否被允许抓取和索引您的网站或仅部分网站。 有时,这些文件揭示了目录 ......
IIS的web.config中跨域访问设置方法
需求:页面要显示1个图片,但是因为各种原因,导致图片在服务器2上,但是要展示的程序在服务器1 的上面,这样就造成了在显示的时候出现了跨域的问题,本来的思路为直接写个程序进行后台获得图片的路径,然后把图片进行下载出来,然后返回服务器1的图片地址,但是,由于这个周期不确定性和现阶段项目的紧迫性,就放弃了 ......