布局vue web
vue下载pdf文件
async exportCode(){ await exportEquipmentBarCodePdf({ equipmentCodes: this.equipmentCodes }).then(async (data)=>{ let a = document.createElement('a'), ......
vue2 + websocket 断线重连 + 实时数据
一、websocket事件 -1 打开事件 Socket.onopen 连接建立时触发 -2 消息事件 Socket.onmessage 客户端接收服务端数据时触发 -3 错误事件 Socket.onerror 通信发生错误时触发 -4 关闭事件 Socket.onclose 连接关闭时触发 二、w ......
24-Vue组件化编程-单文件组件
单文件组件一个文件中只包含有1个组件 组件名的注意事项 一个单词组成: 1)第一种写法(首字母小写):school 2)第二种写法(首字母大写):School,推荐 多个单词组成: 1)第一种写法(kebab-case命名):my-school 2)第二种写法(CamelCase命名):MyScho ......
vue3中引入elementplus以及图标(vue3+vuecli)
开发背景 node v18.17.0(node -v)npm v8.4.1(npm -v)@vue/cli 5.0.8(vue -V) 0.用命令行安装elementPlus npm install element-plus --save 1.elementplus按需手动导入 ElementPlu ......
Go - Creating a Simple Web Application
Problem: You want to create a simple web application that responds to an HTTP request and sends back an HTTP response. Solution: Use the net/http pack ......
Web
A web application is a computer program that responds to an HTTP request by a client and sends back HTML to the client in an HTTP response. In other w ......
记录--Vue中前端导出word文件
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 很多时候在工作中会碰到完全由前端导出word文件的需求,因此特地记录一下比较常用的几种方式。 一、提供一个word模板 该方法提供一个word模板文件,数据通过参数替换的方式传入word文件中,灵活性较差,适用于简单的文件导出。需要依赖: ......
Secure Code Warrior OWASP Web Top 10 2021 A1-A2 1: Broken Access Control and 2: Cryptographic Failures
Let’s start with the most critical application weaknesses. These challenges get you the foundations of 1: Broken Access Control and 2: Cryptographic F ......
vue 手机规则校验
一、背景 点击查看代码 phone: [ { required: true, message: '请输入手机号', trigger: 'blur' }, { min: 11, max: 11, message: '手机号位数不对', trigger: 'blur' }, { pattern: /^( ......
第二十一篇 - vue中实现页面刷新以及局部刷新的方法
参考链接:https://blog.csdn.net/qq_41117240/article/details/127275478 第一步:在需要局部刷新的标签添加 第二步:在data里面初始化isRefresh的值为true 第三步:在method里面添加刷新函数 第四步:在需要局部刷新的地方调用刷 ......
vue锚点跳转
直接上答案 // 获取dom元素 const ele = this.$refs['refName']; // 获取元素距视窗的高度 const top1 = ele ? ele.getBoundingClientRect().top : 0; // 如果ref是在v-for中定义的,需如下获取 co ......
vue自定义样式
在项目中常常遇到一些页面由后台定制样式呈现,这就需要在页面中动态绑定style,如若定制样式里包含了伪类、媒体查询、hover效果能样式,寻常的v-bind:style内联样式可能就无法满足需求,这里就记录了一个解决办法。 那么该如何操作呢,简单举个栗子: 首先,我们在需要定制的样式元素上定义一个c ......
报错:Could not resolve view with name 'xxx' in servlet with name 'dispatcherServlet' at org.springframework.web.servlet.DispatcherServlet.render
报错: Servlet.service() for servlet [dispatcherServlet] in context with path [] threw exception [Could not resolve view with name 'xxx' in servlet with ......
vue移动鼠标画矩形(抄别人的,下附原文地址)
1、draw.js /** * 画布中绘制矩形 * 参数: cav-画布对象 list-矩形数组 i-选中矩形下标 **/ /* 操作执行方法分发 */ export function draw(cav, list, i) { // 画布初始化 let ctx = cav.getContext('2 ......
[SWPU2019]Web1
原理 空格过滤 or过滤的替代词 无列名注入 解题过程 以后再写过程 参考文章:https://blog.csdn.net/qq_56313338/article/details/132526998 ......
Vue学习笔记(十一):路由管理
1 Vue路由基本使用¶ 1.1 安装¶ Vue中默认并不提供路由功能,需要安装其插件Vue-router,如下所示,其中“@3”表示安装版本3 npm i vue-router@3 1.2 创建路由¶ 在src目录下创建路由文件目录,目录名为“router”,并在该目录下创建“index.js”文 ......
[CISCN2019 华东南赛区]Web11
原理 smarty SSTI模板注入 解题过程 首先进入靶场,看到current IP,猜测是自己的ip,怎么获取的,大概率是请求包的X-Forwarded-For字段 之后又看到了文件底部的smarty,是php的一种模板,思路清晰了,估计是在X-forwarded-for进行ssti注入 二话不 ......
自邮之翼Java Web开发入门学习之旅 阶段一
这个阶段的任务是“完成开发环境的安装和配置,并基于JSP实现一个“Hello the World”页面。 主要使用的开发环境为:Intellij Java , 进行开发前需要完成的环境配置如下: ·配置java环境(JDK17) ·配置maven环境(apache-maven-3.9.4) ·配置T ......
[Vue]模板语法和MVVM
模板语法分为: ①插值语法、②指令语法 插值语法 {{ xxx }} 指令语法 v-bind:attr='xxx' 注意 v-bind: 只是一种指令,指令可以有很多种。 v-bind: 可以简写为 : <body> <div id="root"> <h1>插值语法</h1> <h3>{{ name ......
Secure Code Warrior Introduction to OWASP Top 10 Awareness (with latest updates from the Web top 10 2021)
Missing Function Access Control Access to these functionalities should be restricted to authenticated users. However, the current mechanism only check ......
vue @click.native/stop/prevent
1.@click.native 父组件要引用子组件中的点击事件,可以通过@click.native来直接访问子组件中的方法,如果不使用@click.native可在子组件中使用this.$emit('click')来传递事件 // 父组件 <template> <div> <span>父组件页面</ ......
网页CAD二次开发(WEB CAD SDK)实现单行和多行文字的绘制
前言 今天讲一下如何利用WEB CAD SDK来绘制单行文字和多行文字,在使用mxcad绘制文字之前请先按照mxcad文档,将cad图纸在网页上渲染出来, 如果没有阅读mxcad文档可能无法理解后续代码。 在线CAD功能测试:https://demo.mxdraw3d.com:3000/mxcad/ ......
Vue实现文件上传(单文件、多文件、分片上传)
前端使用UI封装好的upload组件 1.单文件上传 <a-upload :disabled="!editpersonflag" name="avatar" listType="picture-card" class="avatar-uploader" :showUploadList="false" ......
web前端html+css页面内容的六种隐藏方式
一、使用透明度 语法:opacity:0 注意:元素消失,但是还会占据空间,只是视觉看不出来 <style> .box{ width: 100px; height: 100px; background-color: aquamarine; opacity: 0; }</style><div clas ......
别再吹捧什么区块链,元宇宙,Web3了,真正具有颠覆性的估计只有AI
「感谢你阅读本文!」 别再吹捧什么区块链,元宇宙,Web3了,真正具有颠覆性的估计只有AI。 我们这个社会有这样一个特性,就是出现一个新事物,新概念,新技术,先不管是否真的现实,是否真的了解,第一件事首先要做的就是先圈一波钱,不过繁华终将逝去,经得起推荐者才能长存。 区块链 自从2008年比特币诞生 ......
手撕Vue-数据驱动界面改变下
经过上一篇的介绍,已经实现了观察者模式的基本内容,接下来要完成的就是将上一篇的发布订阅模式运用到 Nue 中,实现数据驱动界面改变。 在监听数据变化的章节当中,根据指定的区域和数据去编译渲染界面 这个步骤处,我写了一个注释,这个注释是这样的:第一步:给外界传入的所有数据都添加get/set方法,第二 ......
Vue源码学习(十一):计算属性computed初步学习
好家伙, 1.Computed实现原理 if (opts.computed) { initComputed(vm,opts.computed); } function initComputed(vm, computed) { // 存放计算属性的watcher const watchers = vm ......
开源项目 | 一款基于NodeJs+Vue3的强大的在线设计图片工具
采用 Vue3+Vite2+Vuex+ElementPlus 技术实现的在线海报图片设计工具,可用于生成电商分享图、文章长图、视频/公众号封面等。 ......
vue3中setup
和vue2不同的是vue3中的script中带有setup标签 里面的setup相当于vue2中的data和methds空间可以放置函数,也可以执行函数 在写时需要有return返回值 <script setup> </script> setup执行发生在页面之前所以不能使用this函数,一般通过r ......