布局vue web
vue3 TS vite element ali-oss使用方式
# vue3 TS vite element ali-oss使用方式 1. 安装ali-oss包 ```cmd npm i ali-oss -S ``` 2. 使用oss封装函数 ``` const OSS = require('ali-oss') // import Oss from 'ali-o ......
vue3单页面的写法
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> ......
Burp Suite Professional / Community 2023.8 (macOS, Linux, Windows) - Web 应用安全、测试和扫描
Burp Suite Professional / Community 2023.8 (macOS, Linux, Windows) - Web 应用安全、测试和扫描 Burp Suite Professional, Test, find, and exploit vulnerabilities. ......
Vue3下的axios跨域问题
0、vue-cli版本 vue -V vue --version 1、根目录找vue.config.js，无则添加文件；然后添加节点： const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig ......
CTFer成长记录——CTF之Web专题·攻防世界—fileinclude·好多文件呀
一、题目链接 https://adworld.xctf.org.cn/challenges/list 二、解法步骤 WRONG WAY! <?php include("flag.php"); highlight_file(__FILE__); if(isset($_GET["file1"]) && ......
CTFer成长记录——CTF之Web专题·攻防世界—easyupload
一、题目链接 https://adworld.xctf.org.cn/challenges/list 二、解法步骤 这题一道文件上传题，本题考的是利用.user.ini文件的特性，实现任意命令执行。在测试该文件上传是白名单还是黑名单，我们可以随便上传一个文件后缀，只要不通过就是白名单检测。 .use ......
asp.net core 2.0 web api基于JWT自定义策略授权
原文 通过登录，来获取Token，再在之后每次请求的Header中追加Authorization为Token的凭据，服务端验证通过即可能获取想要访问的资源。关于JWT的技术，可参考网络上文章，这里不作详细说明， 这篇博文，主要说明在asp.net core 2.0中，基于jwt的web api的权限 ......
快速上手VUE：中文乱码问题解决
一、序 吾有一友，名为小帅。 某天早晨，我正学习、试用API，他路过： 小帅：“咱这皮毛都没的Chiglish水平，还写全英文的？中文整上啊！” 几分钟后，满屏乱码...... 我： 二、问题分析 按照经验，首先怀疑网页设置有问题，打开/public/index.html更改设置： 不出意外的出现意 ......
Vue3之ref取render形式组件jsx元素节点
### [2023 年 7 月 28 日 22:16:06] ## ref 取 render 方式组件节点 一开始注意到组件 setup 和 render 一起使用的情况，好奇怎么通过 ref 取到 render 中 jsx 里的节点，一开始试了以下的尝试，结果是 undefined 的： ```j ......
Java Web｜
1.Spring 1.1 Spring MVC 参数的封装 1.传统的URL localhost：8080？id=1&name=tom 2.基于RESTful风格的URL localhost:8080/1/tom 前后端分离的开发一般是基于RESTfull，具体规则是4中请求分别表示不同的业务 GE ......
学习vue又一天
学习vue又一天，终于把样式、表单、等全部看完了，真的是很简单，都不知道怎么形容，可能是有一定基础的学习比较快吧， 然后看了axios ，感觉与Ajax 的差别不是太大，估计是没有太深入了解的原因，这块我先简单看了一下，然后等后面项目开始的时候再看 混合式api看了几次，说实话没看太明白，计划先略过 ......
CTFer成长记录——CTF之Web专题·bugku—备份是个好习惯
一、题目链接 https://ctf.bugku.com/challenges/detail/id/83.html?id=83 二、解法步骤 打开网站，发现是一串字符串： 解码：[空密码]/[Empty String]，无结果。题目提示“备份是个好习惯”，那么尝试访问index.php.bak和in ......
vue3拖拽插件vue-draggable-next
- 基于sortablejs； npm地址：https://www.npmjs.com/package/vue-draggable-next 配置项：https://github.com/SortableJS/Sortable#options - ......
Vue3 组件通信方式
Vue3 组件通信方式 vue2 组件通信方式 一、props props可以实现父子组件通信,在vue3中我们可以通过defineProps获取父组件传递的数据。且在组件内部不需要引入defineProps方法可以直接使用！ 不管是Vue2还是Vue3，props都是只读的 二、自定义事件 在vu ......
web渗透测试 第1课：Web Pentester介绍
什么是Web Pentester？ web for pentester是国外安全研究者开发的的一款渗透测试平台，通过该平台你可以了解到常见的Web漏洞检测技术。如：XSS跨站脚本攻击 、SQL注入 、目录遍历 、文件包含、代码注入、命令注入、LDAP攻击 、文件上传、XML攻击以及一些指纹识别的技术 ......
ruby web 实战(9）-vue 3基础（1）
[toc] # vue.js 概述 Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，V ......
vue2 中 重置整个data 数据
提交表单 需要重置整个data 数据 或者 重置和form有关联得数据对象 Object.assign(this.$data.formData, this.$options.data().formData); //重置data Object.assign(this.$data.searchParam ......
vue3跨越
在vue3项目中使用跨域 1.服务器代理 server: { port: 8080, // 设置服务启动端口号 open: true, // 设置服务启动时是否自动打开浏览器 cors: true, // 允许跨域 // 设置代理，根据我们项目实际情况配置 proxy: { '/api': { // ......
数据大屏web开发讲解
数据大屏web开发讲解 前端大屏开发在项目中也比较常用，这里就有针对性的讲解一下。前端框架用的是vue。 大屏开发技术点： 1. 可视化图表库echarts 。灵活应用。解决90%的大屏效果。 2. SVG，大屏不失真。设计图的高还原度 3. 数据动态效果。css动画。 4. 大屏的适配。基本是19 ......
Web Component 简单示例
# 前言 学习内容来源： - https://www.youtube.com/watch?v=2I7uX8m0Ta0 - https://developer.mozilla.org/zh-CN/docs/Web/API/Web_components # 基本概念 - Custom element（自 ......
H5页面与普通的WEB页面有什么区别？H5页面如何做到适配不同的尺寸，而WEB页面为何做不到？
H5页面与普通的WEB页面有以下区别： 1. 技术特点：H5页面是基于HTML5标准开发的页面，而普通的WEB页面可能使用的是HTML4或更早的版本。HTML5引入了许多新的特性和API，如语义化标签、Canvas绘图、视频音频播放等，使得H5页面更加丰富和交互性强。 2. 设备支持：H5页面主要面 ......
视频直播app源码，cordova Vue 保存视频/图片到相册
视频直播app源码，cordova Vue 保存视频/图片到相册 完整代码 /** url: 视频源地址* album: 视频名称* success：成功回调* error: 失败回调* library: 请求相册权限失败回调*/function saveVideoToPhotoLibrary(ur ......
vue导出自定义的html
vue导出.html文件 HTML页面由.css、htmlDom标签组成，将css设置成js通过export导出，htmlDom可以通过$el.innerHTML获得，也可通过document.getElementById('id')获得 。然后构造html页面，使用createObjectURL创 ......
# mac 使用 Docker 部署Python服务和web app服务最佳实践~保姆级教程
[TOC] ## 部署Python 后端服务 #### 部署python 服务 1. 拉取python镜像 ``` docker pull python:3.9.13 ``` 2. 查看镜像 ``` docker images ``` 3. 运行容器 ``` docker run -p 9000:8 ......
ruby web 实战(10）-postgresql(1)
[TOC] #user和install 1. 用户 - 建议运行PostgreSQL在单独的用户帐户下。此用户帐户应仅拥有由服务器，不应与其他守护进程共享. - 特别是，建议该用户帐户不拥有PostgreSQL可执行文件，以确保受损的服务器进程无法修改这些可执行文件。 - PostgreSQL的预打 ......
Vue子组件调用$router的底层实现原理
我们引入VueRouter插件之后,想要是用VueRouter的话就需要使用this.$router()方法.这是为啥??为啥在每一个组件里面想要调换都要使用this.$router()呢??? 答: 1.在源码中执行install方法的时候,调用了Vue.mixin()方法,**具体内容为:** ......
群晖nas中使用python的Flask框架搭建网站（用Web Station）
一、NAS安装Python环境 python 3.9在套件中心可以找到，直接安装即可 在ssh中查看版本号，确定pip是否安装，用putty连接 登陆后切换到管理员 sudo -i 输入密码不显示 用 pip list看是否有，有的话改软件源，速度快 更改源 豆瓣：https://pypi.doub ......
vue-cli构建Vue3项目
1、node环境检查 node -v //查询Node版本 2、vue-cli版本检查 vue -V //查询 vue-cli版本 npm uninstall -g vue-cli //卸载旧版vue-cli npm install -g vue-cli //旧版vue-cli2 npm insta ......
看看Vue中如何封装一个自动化注册全局组件
在项目的开发过程中，我们常常会去封装一些比较常用的全局组件,但是每添加一个组件就需要手动在main.js引入注册，不仅麻烦还代码量多，着实让人心烦。所以干脆封装一个自动化注册全局组件。 1、自定义全局组件文件夹 在src下新建一个globalComponents，用于存放全局组件，并新建一个组件，例 ......