布局vue web
vue项目安装依赖
目录🥇如果是别人的项目(标注：别人移除了modules文件夹)🥇如果是自己的项目或者自己要另外下载依赖🥈安装生产依赖🥈安装开发依赖🥈安装特定版本🥇卸载依赖 🥇如果是别人的项目(标注：别人移除了modules文件夹) # 可以执行下面这条命令下载依赖 npm install # 或者输入 ......
海康工业相机使用Python成像，web实时预览（Linux）
Python 实现海康机器人工业相机的实时显示视频流及拍照功能(Linux) 代码是在ubuntu系统的orin nano 板子上跑的程序，有需要的大佬自行研究更改 支持 网口相机 和 usb口相机 并且理论上window和Linux通用但是我没有试windows平台 代码如下： import sy ......
vue中使用xlsx插件前端读取解析excel文件
问题描述 工作中一般都是后端去解析excel数据，前端使用上传组件去将excel组件丢给后端，后端使用一些插件去解析excel（比如hutool工具类） 不过有些情况下，前端也需要去做一些excel的解析，比如产品经理说，在上传excel文件之前，要做一个excel的图表化预览审核查看啥的，没问题的 ......
web DevOps / volume / pv / vg / lv / process / raid
s 1 硬盘分区 1.1 Linux中新硬盘经历哪些步骤才能存储文档？ 识别硬盘 >划分分区 >格式化 >挂载使用 1.2 分区模式分为哪两种？ MSDOS(MBR) GPT 1.3 MBR常见的分区类型有那三种？ 主分区 扩展分区 逻辑分区 1.4 fdisk命令如何划分新的分区，指令是？ n 1 ......
js 大屏屏幕适配方案，同样适用Vue
vue项目写在 index.html文件下 以1920*1080为基准的屏幕做适配，在网上找的方案在全屏于非全屏时，效果会有一点点差距，所以对代码进行了改进。 如果网页不是全屏则需要加上任务栏高度、工具栏高度进行计算缩进。 我的项目是数据大屏项目一般都是全屏看，所以非全屏时会存在滚动条，并不是bug ......
如何在Vue3中配置国际化语言i18n
1. 安装 vue-i18n npm i vue-i18n -S 2. 创建一个i8n的配置文件 如：i18nConfig.js // 配置 vue-i18n 实现国际化语言设置 import { createI19n } from 'vue-i18n' import zh_cn from '../ ......
flex 弹性布局 设置每行高度根据内容，自动撑高
在使用 Flex 弹性布局中，设置每行高度根据内容自动撑高的方法是通过设置`align-items`属性为`stretch`。这样，每行的高度就会根据内容自动撑高。 具体的代码如下： ```css.container { display: flex; flex-wrap: wrap; align-i ......
关于vue的 scoped
前沿 关于在vite中使用 less | sass npm install less -D npm install sass -D 在style标签注明： <style lang="less"></style> <style lang="scss"></style> scoped scoped实现组 ......
创建vue3的项目和目录结构讲解
本节目标 了解Vue3 项目的结构 学习Vue3 项目的基本开发知识 Vue3 和 Vue2的开发区别 全局安装vue-cli npm i -g @vue/cli vue create vue3-json-schema-form 自定义vue3 配置 自定义配置： 选择 [自定义] ，通过方向键上下 ......
iNeuOS工业互联网操作系统V5，视图建模（WEB组态）升级
针对工业来讲，特殊是流程行业，视图建模（Web组态）是必不可少应用场景，因为有很多工序要直观的展示工艺流程图。该功能也广泛应用在：钢铁、煤炭、水务、中医药、能源、航天、加工制造、风电、储能等领域。 ......
vue可以使用this.$set()来进行强制更新，进而解决问题
可以使用this.$set()来进行强制更新，进而解决问题 对象操作： 三个参数：this.$set("改变的对象"，"改变的对象属性"，"值") 数组操作： 三个参数：this.$set("数组"，"下标"，"值") ......
Web攻防--JNDI注入--Log4j漏洞--Fastjson反序列化漏洞
JNDI注入 什么是JNDI JNDI全称为 Java Naming and Directory Interface（Java命名和目录接口），是一组应用程序接口，为开发人员查找和访问各种资源提供了统一的通用接口，可以用来定义用户、网络、机器、对象和服务等各种资源。 JNDI支持的服务主要有：DNS ......
Vue3+Axios网络请求封装（转）
转自：原文链接：https://blog.csdn.net/weixin_43295498/article/details/130939488 代码说明 代码主要分为以下几个部分： import导入模块。在这个代码段中，我们导入了axios和element-plus两个模块，并对其进行了解构。 定义 ......
vue3 表头显示小图标
<!-- 排班信息 --> <el-table v-resize:44 :data="tableData" class="table" border style='margin: 10px 0px' highlight-current-row element-loading-text="数据正在加载 ......
【源码】Vue.js 官方脚手架 create-vue 是怎么实现的？
最近系统学习了vue.js 的官方脚手架create-vue的源码，深入分析了里面的技术实现细节，本文是我整理的源码学习文章。 ......
vue 页面导出为pdf与word
vue 页面导出为pdf与word 一.导出为word 基于 docxtemplater 来导出word文档的方法 1.安装引用依赖 // 安装 docxtemplater npm install docxtemplater pizzip --save // 安装 jszip-utils npm i ......
浮动布局、盒模型布局、弹性盒布局、定位布局、多列布局、网格布局、响应式布局、圣杯布局
浮动布局 盒模型布局 弹性盒布局 定位布局 多列布局 多列布局案例 网格布局 响应式布局 圣杯布局 ......
前端科普系列-Web：一路前行一路忘川
前端科普系列-Web：一路前行一路忘川 无名之辈 一个有代码洁癖的前端小开发，热爱生活，追求极致 关注他 118 人赞同了该文章 摘要 本系列文章旨在帮助学习者了解前端，主要覆盖前端的基础知识，但不深入讲解，定位为大而全并非细而精，适合非前端开发的同学对前端有一个系统的认识，能更好的与前端开发协作 ......
使用Github Action在Github Pages上部署vue页面
Github Action部分： name: NodeJS on: push: branches: [ "master" ] # Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages permissions: ......
使用gradle的方式进行Springboot3的web开发(微服务版)
简要： 最近看了很多的Springboot3的项目，但是发现很多都是用maven来进行版本管理的，很少有用gradle来管理的，通过网上查找资料，看视频，终于自己写一个gradle管理的Springboot3的项目 第一步：创建项目 注意：JDK的版本必须要在17或者以上。 第二步：设置gradle ......
百度上传插件Web Uploader
WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主，FLASH为辅的现代文件上传组件。在现代的浏览器里面能充分发挥HTML5的优势，同时又不摒弃主流IE浏览器，沿用原来的FLASH运行时，兼容IE6+，iOS 6+, android 4+。两套运行时，同样 ......
如何创建集成 LSP 支持多语言的 Web 代码编辑器
对于一个云开发平台来说，一个好的 Web IDE 能很大程度地提高用户的编码体验，而一个 Web IDE 的一个重要组成部分就是代码编辑器。 目前有着多款 web 上的代码编辑器可供选择，比如 Ace、CodeMirror、Monaco，这三款编辑器的比较在这篇文章中有着详细的介绍，在此就不作过多赘 ......
RestTemplate-访问Web资源
Spring Boot 中的RestTemplate Spring Boot 中没有自动配置RestTemplate Spring Boot 提供了RestTemplateBuilder RestTemplate.build() 构造URL URI uri = Uri ComponentsBuild ......
Vue2x的自定义指令
在某些情况下，我们需要对底层DOM进行操作，而内置的指令不能满足需求，就需要自定义指令。一个自定义指令由一个包含类似组件的生命周期的钩子的对象来定义，钩子函数会接收到指令所绑定的元素作为参数。 定义指令 常用两种方式进行自定义指令，一种是全局定义，另一种在当前组件中定义 // 局部定义 export ......
vue兄弟组件传参
实现兄弟组件之间的参数传递可以通过以下方法： 使用共同的父组件来传递参数。 在父组件中定义一个数据属性，用于保存需要传递给兄弟组件的参数。 Copy export default { data() { return { message: 'Hello', }; }, }; 在父组件的模板中引用两个兄 ......
vue~对象的浅拷贝
浅拷贝 上面对浅拷贝的解释是否有问题？具我所知，浅拷贝只是复制了对象的属性，而复制出来的对象的引用与原始对象是不同的，这就是说，在修改新对象时，它不会影响到原始对象。 javascript中的实现 JavaScript 中可以使用不同方法实现对象的浅拷贝。浅拷贝只复制对象的第一层属性，不会复制嵌套对 ......
Vue3中的几个坑，你都见过吗？
Vue3 目前已经趋于稳定，不少代码库都已经开始使用它，很多项目未来也必然要迁移至Vue3。本文记录我在使用Vue3时遇到的一些问题，希望能为其他开发者提供帮助。 1. 使用reactive封装基础数据类型 传统开发模式中，数据声明很简单。但是在Vue中有多个响应式变量声明方式，整体的使用规则如下： ......
vue2打包组件发布到npm
1.使用 vue create projectName 新建一个项目 2.将src的文件夹名称改为example，便于我们调试代码 3.增加packages文件夹，其下面的index.js代码如下 import panel from './panel/index.vue' const compone ......