布局vue web
vue3比vue2优势
Vue 3相对于Vue 2有一些显著的优势，主要集中在性能、开发体验和一些新的特性上： 性能提升： 虚拟DOM的优化：Vue 3使用了更高效的虚拟DOM算法，减少了不必要的DOM操作，提高了渲染性能。 编译器优化：Vue 3的编译器生成的代码更为紧凑和高效，加速了首次渲染和更新速度。 更小的包大小： ......
Go 项目代码布局
Go 项目代码布局 目录Go 项目代码布局一、Go 语言“创世项目”结构1.1 src 目录结构三个特点二、Go 项目布局演进2.1 演进一：Go 1.4 版本删除 pkg 这一中间层目录并引入 internal 目录2.2 演进二：Go1.6 版本增加 vendor 目录2.3 演进三：Go 1. ......
购物车计算总价vue小程序通用
计算总价 this.data.cartlist.filter(item=>item.checked).reduce((a1,a2)=>a1+a2.price*a2.goods_weight,0) 计算全选反选 // every: 有一个不满足条件就返回false return this.arr.ev ......
记录--Vue 右键菜单的秘密：自适应位置的实现方法
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 下图这个情景，你是否也遇到过？ 当你右键点击网页上的某个元素时，弹出的菜单被屏幕边缘遮挡了，导致你无法看清或选择菜单项？ 上图中右键菜单的选项并不是固定不变的，它会根据不同的元素或场景来显示不同的选项。 也就是说，菜单的内容和大小都是动态 ......
vue3 新增 mitt 的使用
在 Vue 3 中，你可以使用 mitt 库来实现事件总线，以便在组件之间进行通信。下面是详细的介绍如何使用 mitt： 安装 mitt 库： 首先，确保你已经安装了 mitt 库。你可以使用 npm 或 yarn 来安装它： 插入代码复制代码 npm install mitt 或 插入代码复制代码 ......
vue上通过krpano.js实现360全景图
首先贴出一些XML对应的函数，文件内容都有注释说明， 前端代码读取xml文件代码 // 初始化 window.embedpano({ xml: 0, target: 'pano', html5: 'only', mobilescale: 1.0, passQueryParameters: 'star ......
getRefs is undefined html vue2项目 报错
vue2项目提示 getRefs is undefined 在div上面写了，ref，还写了v-if 然后再watch中操作了 ref 导致报错。 分析： 组件因为v-if 为 false 没有注册和渲染，在操作的时候还使用了this.$refs函数就会获取不到 解决办法： v-if换成v-show ......
vue2自定义指令实现el-dropdown下拉菜单项最小宽度等于内容宽度
//在main.js添加 Vue.directive('siem-dropdown', function (el, binding, vNode) { let ul = el.querySelector("ul") let uid = vNode.componentInstance._uid; // ......
创建vue3项目、setup函数、ref函数、reactive函数、计算监听属性、生命周期、torefs、vue3 setup写法
创建vue3项目 # 两种方式 - vue-cli：vue脚手架 》创建vue项目 》构建vue项目--》工具链 跟之前一样 - vite ：https://cn.vitejs.dev/ -npm create vue@latest 一路选择即可 # 运行vue3项目 -vue-cli跟之前一样 - ......
Web cad（私有云CAD SDK）中实现插入图块的方法
前言 CAD制图的过程中会有很多重复的图元需要绘制，为了节约绘制时间，我们会把部分图元保存成图块，下次就可以快速和多次的插入到相应的图纸位置中，提高绘图效率。 网页版CAD页面中要实现插入图块功能，首先需要将这个图块dwg文件转换成mxweb文件，我们需要下载MxDraw云图开发包,根据入门文档的操 ......
vue3中defineComponent 的作用详解
转自：https://www.jb51.net/article/263096.htm 这篇文章主要介绍了vue3中defineComponent 的作用,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下 vue3中，新增了 defineCompon ......
CTFer blogs--Web-unserialize3
题目来源于攻防世界 解法步骤： 打开后观察代码可以发现我们必须要在调用xctf时绕过__wakeup，但我们知道 wakeup（）会在unserialize时自动调用。 所以本题的目标就是要在反序列化时绕过wakeup（） 通过查阅资料发现 当 序列化的字符串中的 属性值 个数 大于 属性个数 就会 ......
是用非构建工具开始使用Vue3
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
创建vue3项目，setup函数，ref函数，reactive函数，计算监听属性，生命周期， torefs，vue3 setup写法
1 创建vue3项目🐑 # 两种方式 - vue-cli：vue脚手架 》创建vue项目 》构建vue项目--》工具链 跟之前一样 - vite ：https://cn.vitejs.dev/ -npm create vue@latest 一路选择即可 # 运行vue3项目 -vue-cli跟之前 ......
Vue.js 中添加动态背景图片
用 style 标签在 Vue.js 中应用或数据绑定背景图像，然后在其中定义 backgroundImage URL。 它会自动从字符串中检索url，然后在浏览器网页上显示相同的数据内容 ......
vue-router使用、localStorage系列、vue3介绍、组合式api和配置项api
vue-router使用 以后，就是组件的切换实现页面切换的效果 》必须借助于vue-router来实现 vuex 现在知道的 -<router-view/> 》显示组件 》router/index.js中配置 -<router-link :to="about_url"> 》做 页面组件跳转的 基本 ......
使用iptable实现: 放行ssh,telnet, ftp, web服务80端口，其他端口服务全部拒绝
[root@centos8 ~]#iptables -I INPUT -p tcp -m multiport --dport 21,22,23,80 -j ACCEPT[root@centos8 ~]#iptables -I INPUT -A INPUT -j REJECT[root@centos8 ......
Vue3中shallowReactive 与 shallowRef 的用法
转自：https://blog.csdn.net/qq_54527592/article/details/119840044 shallowReactive 与 shallowRef shallowReactive：只处理对象最外层属性的响应式（浅响应式）。 shallowRef：只处理基本数据类型 ......
Vue3
一、创建vue3项目 1、 2、 二、setup函数 1、 三、ref函数 1、 四、reactive函数 1、 五、计算和监听属性 1、 六、生命周期 1、 七、torefs 1、 八、vue3 setup写法 1、 ......
解决DOS攻击生产案例:根据web日志或者或者网络连接数，监控当某个IP 并发连接数或者短时内PV达到100，即调用防火墙命令封掉对应的IP，监控频 率每隔5分钟
方法一：在awk中已经判断好并发连接数量的ip地址，传给while read执行防火墙规则封掉对应的ip。root@centos8 ~]# cat ddos.sh#!/bin/bashss -nt |awk -F '[ :]+' '/ESTAB/{ip[$(NF-2)]++}END{for(i in ......
Java Web学习路线
1.基础概念 Web 应用程序基础 客户端-服务器模型 HTTP 协议 URI 和 URL 浏览器和服务器交互过程 2.Servlet 编程 Servlet 概述 Servlet 生命周期 Servlet 配置和映射 请求和响应对象 请求参数的获取和处理 Servlet 过滤器 会话管理和 Cook ......
Vue3
vue3.3.4 + vite4.4.9 1.组件安装 1.1 ElementPlus npm install element-plus --save main.js import ElementPlus from 'element-plus' import 'element-plus/dist/i ......
Vue3 Div 与 v-for 的配合应用，超出自动带滚动条
效果图 代码 <li > <a href="javascript:;" class="IndRea flexC Huans"><i></i><p>当前会议 [ 0 ]</p></a> <div style="height:80%;overflow:auto;"> <div v-for="(dataI ......
vue.js函数模板引用
// 参考网址：https://cn.vuejs.org/guide/essentials/template-refs.html#ref-on-component// 模板引用也可以被用在一个子组件上。这种情况下引用中获得的值是组件实例：// 如果一个子组件使用的是选项式 API 或没有使用 <sc ......
vue3响应式原理
转自：https://blog.csdn.net/qq_51130780/article/details/129424598 响应式的相关知识Vue 3 中的响应式原理是通过使用 ES6 的 Proxy 对象来实现的。在 Vue 3 中，每个组件都有一个响应式代理对象，当组件中的数据发生变化时，代理 ......
vue3——全局挂载，getCurrentInstance，proxy属性
1. messageTools/index.ts import {ElMessage} from "element-plus" export default { // 普通消息提示 msg(text:any) { ElMessage(text); }, // 成功消息提示 msgSuccess(te ......
Springboot+Vue整合（二）
今天内容1： 用Vue实现了进一步的查询，通过ID进行条件查询 这个内容基本上是在之前的整合的基础上做的修改 流程为： 页面添加搜索框 <el-table-column align="right"> <template slot="header" slot-scope="scope"> <div s ......
CSS 布局
一些基本概念 viewport: 展现网页的媒体，比如窗口或者某个区域，它的大小是有限制的，为了不被平台术语所束缚，我们给他起名viewport，中文意思就是视口。 canvas: 而我们在渲染网页的时候通常并不知道我们需要多大的空间，而且这些空间通常尺寸会超过viewport的大小，于是实际上我们 ......
Java WEB
Java Web 其实就是一个技术的总和,把Web看成一个容器而已主要使用JavaEE技术来实现.在加上各种中间件。整个javaWeb阶段的内容通过实际的案例贯穿学习， 所涉及到的技术知识点会在案例中根据不同的需求引入。首先了解javaWEB的整个技术体系，掌握常用的技术知识点。 什么是Servle ......