布局vue web

超分课设,Flask后端,vue前端

1.前端 node准备 npm -v 查看版本 npm install 包名 --save 安装 可简写成npm i 包名 -s npm uninstall 包名 --save 卸载 npm run serve 运行项目 npm build 项目打包 npm list --depth=0 -glob ......
前端 Flask vue

vue3 项目中出现的空白页面的总结(巨坑)

一、背景 开局先说一句!!!! 好坑!!!!!,我遇到的空白页面的问题,不是路由懒加载的原因,是在点击路由完整的状态下,点击菜单跳转页面,出现的空白页面,不能触发页面中任何钩子函数,但是路由是跳了的,重新刷新页面,页面内容即可出现,而且空白出现率相当高。我能想到出现这种原因template中必须有且 ......
空白 页面 项目 vue3 vue

学习Vue3 第四章 vue指令

指令 v- 开头都是vue 的指令 v-text 用来显示文本 v-html 用来展示富文本 v-if 用来控制元素的显示隐藏(切换真假DOM) v-else-if 表示 v-if 的“else if 块”。可以链式调用 v-else v-if条件收尾语句 v-show 用来控制元素的显示隐藏(di ......
指令 Vue3 Vue vue

Vue3 第三章

Vite目录 public 下面的不会被编译 可以存放静态资源 assets 下面可以存放可编译的静态资源 components 下面用来存放我们的组件 App.vue 是全局组件 main ts 全局的ts文件 index.html 非常重要的入口文件 vite config ts 这是vite的 ......
第三章 Vue3 Vue

【?】Web_XCTF_WriteUp | simple_php

题目 提示: 小宁听说php是最好的语言,于是她简单学习之后写了几行php代码。 题目: 分析 读代码: <?php // php脚本的开始部分 show_source(__FILE__); // 对当前文件进行php语法高亮显示 include("config.php"); // 引用confi ......

ruoyi vue 前后端分离版本 打包分离jar包至lib

环境:若依前后端分离版本,原打包时将所有的依赖jar包放至ruoyi-admin.jar 包中,该包130MB,过大。 需求:为了减少打包更新上传的时间,减少至1.1mb 1、将不常更新的模块jar包分离至lib文件夹 2、将常更新的模块如common、system等打包至jar包中。 ......
版本 ruoyi jar lib vue

[Vue] vue学习笔记(2): 监视属性 & 计算属性

关于计算属性 案例:分别输入姓和名,打印全名 基本代码 <div id='root'> first name<input type="text" v-model="firstname"><br/><br/> last name<input type="text" v-model="lastname" ......
属性 笔记 Vue vue amp

Vue打包发布

打包发布 目标:明确打包的作用 说明:vue脚手架只是开发过程中,协助开发的工具,当真正开发完了,脚手架不参与上线 打包的作用: 将多个文件压缩合并成一个文件 语法降级 less sass ts 语法解析 .... 打包后,可以生成,浏览器能够直接运行的网页 命令:npm run build 打包完 ......
Vue

如何在vue中注册和使用全局组件

1、在main.js入口文件中,使用Vue.component()方法注册组件 2、在需要使用组件的地方进行标签使用即可 <MyCount></MyCount> ......
全局 组件 vue

将Autodesk的AutoCAD嵌入WEB网页中在线查看、编辑、审阅DWG文档

大家都知道猿大师办公助手支持把微软OFFICE和金山WPS可以完美嵌入到浏览器中,并实现在线编辑文档、表格和PPT等功能,但是还有很多人不知道:猿大师还可以把Autodesk的AutoCAD、DWG TrueView、Design Review等软件嵌入到浏览器网页中,实现dwg、dxf等工程图在线 ......
Autodesk AutoCAD 文档 网页 WEB

Vue3 + ant-design-vue@3.2.15 + UploadPictureCard

<template> <a-upload name="file" v-model:file-list="showFileList" list-type="picture-card" :multiple="multiple" :max-count="maxCount" :before-upload=" ......

vue引入外部样式只在当前文件生效

引入外部文件时,想要只在当前组件使用,但是我们使用如下方式时,会在全局使用。因为在scoped起作用的时候,import还没有引入这个文件 <style scoped> @import "../../xx.css" </style> 使用以下方式即可 <style scoped src="../.. ......
样式 文件 vue

Vue3 第二章(配置环境)

下载node.js 可以在终端输入npm -v 来检查是否安装成功 成功以后会展示版本号 构建vite项目 使用vite初始化一个项目 npm创建 npm init vite@latest 和 npm init vue@latest 都可以创建 npm init vue@latest比较全一点把路由 ......
第二章 环境 Vue3 Vue

kore可扩展安全的Web 应用程序框架

kore是基于c 开发的web 框架,可以让我们使用c 以及 python 开发web api,主要的特点是安全以及可扩展 主要特性 SNI 支持 http1.1 支持 websocket 支持 默认TLS支持 可选后台任务 内置参数校验 基于acme 的自动https 权限分离设计 可选异步pg ......
应用程序 框架 程序 kore Web

【源码系列#02】Vue3响应式原理(Effect)

专栏分享:vue2源码专栏,vue3源码专栏,vue router源码专栏,玩具项目专栏,硬核💪推荐🙌 欢迎各位ITer关注点赞收藏🌸🌸🌸 Vue3中响应数据核心是 reactive , reactive 的实现是由 proxy 加 effect 组合,上一章节我们利用 proxy 实现了 ......
源码 原理 Effect Vue3 Vue

WEB网页在线编辑Word文档,开启修订功能,启用留痕、显示留痕并接受留痕

在日常办公环境场景下,有时候会遇到帮助他人修改文档或者为文档提供修改意见,如果我们在文档中直接修改,其他人很不容易看到我们修改了哪个部分,如果一旦你的修改意见不被采纳,原作者还需要恢复原来的文档,这样为别人带来了更多的工作。 如果用猿大师办公助手在网页中编辑Office Word文档,开启修订功能, ......
留痕 文档 功能 网页 Word

Web_XCTF_WriteUp | weak_auth

题目 分析 输入用户名 “test”,密码 “123” 进行尝试: 确定用户名为 “admin”。此时 url 后接了一个 “check.php: 试图查看文件,但失败了: 标题的意思的弱身份验证,这……不会要靠一个个猜吧…… 浅试了下 123456,过了(啊?) 看了看佬的 WP,用 Burp S ......
Web_XCTF_WriteUp weak_auth WriteUp XCTF weak

html中直接引入Vue时可能会出现未解析时的解决方案

<div id="app" style="display: flex; position: absolute; left: -6000px"></div> 在mounted中: let app_dom = document.getElementById("app"); app_dom.style.l ......
解决方案 方案 html Vue

vue自定义指令应用场景

1.防止重复操作(节流)一段时间内只允许操作一次 适用场景:接口请求、频率限制 2.一键复制 3.活动埋点 页面曝光埋点以及点击事件埋点 4.图片懒加载 在图片出现在视窗区域时开始加载,减少不必要的请求以及流量,适用于无限滚动列表以及瀑布流页面。 5.悬浮拖拽 悬浮可拖拽按钮 6.无限滚动加载 让网 ......
指令 场景 vue

Vue3 + element-plus + Js 中使用 sheetjs xlsx 导入导出 Excel

安装模块 官方文档 NodeJS | SheetJS Community Edition代码: 1 <script setup> 2 3 import { ref, onMounted } from "vue"; 4 import { readFile, read, utils, writeFile ......
element-plus element sheetjs Excel Vue3

vue3项目中的一些报错

问题简介 关于typeScript编译配置问题 "importsNotUsedAsValues"选项已被弃用,并将在TypeScript 5.5中停止使用。要消除此错误, 请指定compilerOption '"ignoreDeprecations": "5.0"'。请改用'verbatimModu ......
项目 vue3 vue

Vue-mixin 混入处理

概述 再日常开发中,对于组件内部的方法多处存在相同的特点,往往会抽离出一个公共的方法方便调用,但是由于多个组件可能都需要用到这个方法,所以通过mixin混入的方式,将该方法独立抽离出来,方便多个组件的使用。 步骤 再src目录下创建一个mixins 再该目录下创建一个xxxx.js文件 编写对应的j ......
Vue-mixin mixin Vue

Vue3中 使用v-for嵌套 获取其他数组中的值作为key值 渲染数据

<tbody> <tr v-for="(row, idx) in rows" :key="idx"> <td v-for="(item, key) in title" :key="key">{{ row[key] }}</td> </tr> </tbody> rows是一个数组,但是我不知道他的键值 ......
数组 数据 v-for Vue3 Vue

ASP.NET Core Web API设置响应输出的Json数据格式的两种方式

前言 在ASP.NET Core Web API中设置响应输出Json数据格式有两种方式,可以通过添加System.Text.Json或Newtonsoft.JsonJSON序列化和反序列化库在应用程序中全局设置接口响应的Json数据格式,本文示例使用的是新的Minimal API模式。 JSON序 ......
格式 方式 数据 Core Json

初识web

初识web 1 一个网站通常由三部分组成: HTML 负责网页的结构(页面的元素和内容) CSS 负责网页的表现 (页面元素的外观,位置等页面的样式,如颜色,大小) JavaScript 负责网页的行为 (交互效果) 2 HTML的快速入门 HTML结构标签 <html> <head> <title ......
web

XCTF-web2

访问查看 得到下方源码 <?php $miwen="a1zLbgQsCESEIqRLwuQAyMwLyq2L5VwBxqGA3RQAyumZ0tmMvSGM2ZwB4tws"; function encode($str){ $_o=strrev($str); // echo $_o; for($_0 ......
XCTF-web XCTF web

Web_BUUCTF_WriteUp | [ACTF2020 新生赛]Exec

题目 分析 随便 ping 一个 ip: 发个串试试 输入 ;netstat: 不过滤输入,直接把输入作为命令执行了。看来是命令执行漏洞。 输入 ;dir: 输入 ;ls: 判断为 linux 系统的命令执行漏洞,当前目录下只有这一个 php 文件。 先看看根目录都有哪些文件夹可走,输入 ;ls / ......

Visual Studio 的中一键打开当前代码 Gitee.com 的 Web 页面

Open on GitHub 是一个 Visual Studio 的扩展, 用于将当前编辑器中的代码在托管网站上打开, 目前支持 GitHub, GitLab, Gitea,Gitee, Bitbucket 和 AzureDevOps (dev.azure.com, visualstudio.com ......
代码 页面 Visual Studio Gitee

Web

CookieTest.java @WebServlet("/cookieTest") public class CookieTest extends HttpServlet { protected void doPost(HttpServletRequest request, HttpServlet ......
Web

vue3 jsPlumb学习

<template> <div class="box"> <div @click="clearLine">clear</div> <div @click="initConponents">line</div> <div @click="getData">get</div> </div> <div c ......
jsPlumb vue3 vue