布局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 ......
vue3 项目中出现的空白页面的总结(巨坑)
一、背景 开局先说一句!!!! 好坑!!!!!,我遇到的空白页面的问题,不是路由懒加载的原因,是在点击路由完整的状态下,点击菜单跳转页面,出现的空白页面,不能触发页面中任何钩子函数,但是路由是跳了的,重新刷新页面,页面内容即可出现,而且空白出现率相当高。我能想到出现这种原因template中必须有且 ......
学习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 第三章
Vite目录 public 下面的不会被编译 可以存放静态资源 assets 下面可以存放可编译的静态资源 components 下面用来存放我们的组件 App.vue 是全局组件 main ts 全局的ts文件 index.html 非常重要的入口文件 vite config ts 这是vite的 ......
【?】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包中。 ......
[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脚手架只是开发过程中,协助开发的工具,当真正开发完了,脚手架不参与上线 打包的作用: 将多个文件压缩合并成一个文件 语法降级 less sass ts 语法解析 .... 打包后,可以生成,浏览器能够直接运行的网页 命令:npm run build 打包完 ......
如何在vue中注册和使用全局组件
1、在main.js入口文件中,使用Vue.component()方法注册组件 2、在需要使用组件的地方进行标签使用即可 <MyCount></MyCount> ......
将Autodesk的AutoCAD嵌入WEB网页中在线查看、编辑、审阅DWG文档
大家都知道猿大师办公助手支持把微软OFFICE和金山WPS可以完美嵌入到浏览器中,并实现在线编辑文档、表格和PPT等功能,但是还有很多人不知道:猿大师还可以把Autodesk的AutoCAD、DWG TrueView、Design Review等软件嵌入到浏览器网页中,实现dwg、dxf等工程图在线 ......
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="../.. ......
Vue3 第二章(配置环境)
下载node.js 可以在终端输入npm -v 来检查是否安装成功 成功以后会展示版本号 构建vite项目 使用vite初始化一个项目 npm创建 npm init vite@latest 和 npm init vue@latest 都可以创建 npm init vue@latest比较全一点把路由 ......
kore可扩展安全的Web 应用程序框架
kore是基于c 开发的web 框架,可以让我们使用c 以及 python 开发web api,主要的特点是安全以及可扩展 主要特性 SNI 支持 http1.1 支持 websocket 支持 默认TLS支持 可选后台任务 内置参数校验 基于acme 的自动https 权限分离设计 可选异步pg ......
【源码系列#02】Vue3响应式原理(Effect)
专栏分享:vue2源码专栏,vue3源码专栏,vue router源码专栏,玩具项目专栏,硬核💪推荐🙌 欢迎各位ITer关注点赞收藏🌸🌸🌸 Vue3中响应数据核心是 reactive , reactive 的实现是由 proxy 加 effect 组合,上一章节我们利用 proxy 实现了 ......
WEB网页在线编辑Word文档,开启修订功能,启用留痕、显示留痕并接受留痕
在日常办公环境场景下,有时候会遇到帮助他人修改文档或者为文档提供修改意见,如果我们在文档中直接修改,其他人很不容易看到我们修改了哪个部分,如果一旦你的修改意见不被采纳,原作者还需要恢复原来的文档,这样为别人带来了更多的工作。 如果用猿大师办公助手在网页中编辑Office Word文档,开启修订功能, ......
Web_XCTF_WriteUp | weak_auth
题目 分析 输入用户名 “test”,密码 “123” 进行尝试: 确定用户名为 “admin”。此时 url 后接了一个 “check.php: 试图查看文件,但失败了: 标题的意思的弱身份验证,这……不会要靠一个个猜吧…… 浅试了下 123456,过了(啊?) 看了看佬的 WP,用 Burp S ......
html中直接引入Vue时可能会出现未解析时的解决方案
<div id="app" style="display: flex; position: absolute; left: -6000px"></div> 在mounted中: let app_dom = document.getElementById("app"); app_dom.style.l ......
vue自定义指令应用场景
1.防止重复操作(节流)一段时间内只允许操作一次 适用场景:接口请求、频率限制 2.一键复制 3.活动埋点 页面曝光埋点以及点击事件埋点 4.图片懒加载 在图片出现在视窗区域时开始加载,减少不必要的请求以及流量,适用于无限滚动列表以及瀑布流页面。 5.悬浮拖拽 悬浮可拖拽按钮 6.无限滚动加载 让网 ......
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 ......
vue3项目中的一些报错
问题简介 关于typeScript编译配置问题 "importsNotUsedAsValues"选项已被弃用,并将在TypeScript 5.5中停止使用。要消除此错误, 请指定compilerOption '"ignoreDeprecations": "5.0"'。请改用'verbatimModu ......
Vue-mixin 混入处理
概述 再日常开发中,对于组件内部的方法多处存在相同的特点,往往会抽离出一个公共的方法方便调用,但是由于多个组件可能都需要用到这个方法,所以通过mixin混入的方式,将该方法独立抽离出来,方便多个组件的使用。 步骤 再src目录下创建一个mixins 再该目录下创建一个xxxx.js文件 编写对应的j ......
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是一个数组,但是我不知道他的键值 ......
ASP.NET Core Web API设置响应输出的Json数据格式的两种方式
前言 在ASP.NET Core Web API中设置响应输出Json数据格式有两种方式,可以通过添加System.Text.Json或Newtonsoft.JsonJSON序列化和反序列化库在应用程序中全局设置接口响应的Json数据格式,本文示例使用的是新的Minimal API模式。 JSON序 ......
初识web
初识web 1 一个网站通常由三部分组成: HTML 负责网页的结构(页面的元素和内容) CSS 负责网页的表现 (页面元素的外观,位置等页面的样式,如颜色,大小) JavaScript 负责网页的行为 (交互效果) 2 HTML的快速入门 HTML结构标签 <html> <head> <title ......
XCTF-web2
访问查看 得到下方源码 <?php $miwen="a1zLbgQsCESEIqRLwuQAyMwLyq2L5VwBxqGA3RQAyumZ0tmMvSGM2ZwB4tws"; function encode($str){ $_o=strrev($str); // echo $_o; for($_0 ......
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 ......
Web
CookieTest.java @WebServlet("/cookieTest") public class CookieTest extends HttpServlet { protected void doPost(HttpServletRequest request, HttpServlet ......
vue3 jsPlumb学习
<template> <div class="box"> <div @click="clearLine">clear</div> <div @click="initConponents">line</div> <div @click="getData">get</div> </div> <div c ......