前端 终端 实战vue

vue-element-admin 上传图片慢问题处理

vue-element-admin自带上传图片组件,在使用的过程中发现上传速度很慢,尤其是上传一些大图需要耗时几十秒不能忍受。出现这种情况,是因为upload组件会将图片上传到action="https://httpbin.org/post" ,并返回转换成base64编码格式的数据。 格式类似: ......

vue在线预览pdf、word、xls、ppt等office文件

perview(row){ const typeArr = ['doc', 'docx', 'ppt', 'pptx', 'xls', 'xlsx'] let arr=row.url.split('.') let fileType=arr[arr.length-1] let url = '' if ......
文件 office word vue pdf

vue之computed

## 对Vue computed的理解 ### 一、什么是computed Vue的computed属性是一种计算属性,它的值是根据其他属性计算而来的。Vue会自动追踪computed属性所依赖的属性,并在这些属性发生变化时重新计算computed属性的值。 computed属性的实现原理是使用了V ......
computed vue

vue的自定义指令

自定义指令 含义 vue官方提供了v-text,v-bind,v-for,v-model,v-if等常用指令,除此之外vue还允许开发者自定义指令。 自定义指令分为两类: 私有自定义指令 全局自定义指令 注意事项 自定义指令使用时需要添加 v- 前缀 指令名如果是多个单词,要使用 kebab-cas ......
指令 vue

RocketMQ 从入门到实战

扫一扫加入作者公众号 扫一扫关注 中间件兴趣圈 RocketMQ 官微 扫一扫关注【阿里巴巴云原生】公众号 阿里云开发者“藏经阁” 获取第一手技术干货 海量免费电子书下载作者简介 作者简介 丁威,《RocketMQ 技术内幕》作者,RocketMQ 官方社区优秀布道师,荣获 CSDN2020 博客之 ......
实战 RocketMQ

html使用script 引入vue.js文件

使用script引入vue.js的方法: 1、使用<script> 标签直接引入本地vue.js文件 首先使用在 Vue.js 的官网上直接下载 vue.js文件到本地 下载地址:https://vuejs.org/js/vue.min.js 然后用 <script> 标签引入本地的vue.js文件 ......
文件 script html vue js

Ant Design Vue 按需导入与 UnoCSS 样式冲突

## 背景 Ant Design Vue 使用 Vite 插件 unplugin-vue-components 按需导入,组件上写的 UnoCSS 样式会被覆盖,无法生效。 圆角 10px 不生效: ![image](https://img2023.cnblogs.com/blog/2028513/ ......
样式 Design UnoCSS Ant Vue

Helm实战案例一:在Kubernetes上使用Helm搭建Prometheus Operator监控

Helm实战案例一:在Kubernetes上使用Helm搭建Prometheus Operator监控,helm安装prometheus-operator,配置prometheus-operator,修改grafana的svc类型,查询grafana的账号密码,访问grafana web界面,删除p... ......
Helm Kubernetes Prometheus 实战 Operator

Raven2项目实战

###**前言** Raven 2是一个中级boot2root虚拟机。有四面旗帜需要捕捉。在多次入侵之后,Raven Security采取了额外措施来加固他们的网络服务器,以防止黑客进入。你还能入侵Raven吗? ###**靶场环境** kali 192.168.31.153 Raven2 192. ......
实战 项目 Raven2 Raven

企业级实战开发:深度学习技术在智能营销领域的应用

[toc] 24. "企业级实战开发:深度学习技术在智能营销领域的应用" 近年来,随着人工智能技术的不断发展,深度学习技术在智能营销领域的应用也越来越广泛。在这篇文章中,我们将介绍深度学习技术在智能营销领域的应用,包括技术原理、实现步骤和示例应用等方面。 ## 1. 引言 智能营销是指利用人工智能技 ......
实战 深度 领域 智能 技术

vue-cli-了解src目录

![image](https://img2023.cnblogs.com/blog/1069029/202306/1069029-20230615234501637-1359333858.png) ``` assets文件夹:存放项目中用到的静态资源文件,例如:css样式表、图片资源 compone ......
vue-cli 目录 vue cli src

linux自动登录|debian12实践|字符终端|自动登录|systemd|getty

此方法适用于使用systemd启动的文件系统, debian12实践 1. 编辑此文件 /etc/systemd/system/getty.target.wants/getty@tty1.service 或者是/etc/systemd/system/getty@tty1.service.d/auto ......
终端 字符 systemd debian linux

实战开发案例:利用深度学习技术实现智能推荐系统

[toc] 人工智能是近年来快速发展的领域,尤其是在推荐系统中,利用深度学习技术可以实现更加智能化的推荐。本文将介绍如何利用深度学习技术实现智能推荐系统,并针对实现过程中可能遇到的问题进行解答和讨论。 ## 1. 引言 智能推荐系统是将用户历史行为数据与其他数据源(如社交数据、媒体数据等)进行融合, ......
实战 深度 案例 智能 系统

GPT生成式预训练Transformer架构应用实战

[toc] GPT生成式预训练Transformer架构应用实战 ## 1. 引言 人工智能在过去几年发展迅速,深度学习和Transformer架构成为了当前人工智能领域的热点。GPT生成式预训练Transformer架构是深度学习中的一种新型架构,可以更好地处理自然语言生成任务,因此受到了广泛关注 ......
Transformer 架构 实战 GPT

企业级实战开发:深度学习技术在智能客服领域的应用

[toc] 1. 引言 随着人工智能的不断发展和应用,智能客服领域成为了深度学习技术的重要应用领域之一。智能客服能够自动化处理客户的问题,提高客户满意度,减少人力成本,同时也能够在客户遇到困难时快速响应,提供及时的帮助和支持。因此,将深度学习技术应用于智能客服领域具有重要的意义和价值。本文将介绍深度 ......
实战 深度 领域 智能 技术

vue中使用vue-particles动态粒子蜘蛛网背景

**vue-particles是什么?** 它是一款可以动态生成点和线的插件,然后线条可以自己动,还能与用户鼠标事件产生互动。 插件的github官网地址:https://gitcode.net/mirrors/creotip/vue-particles?utm_source=csdn_github ......
蜘蛛网 粒子 vue-particles 蜘蛛 vue

Vue3 —— 商城项目

## create-vue create-vue是Vue官方新的脚手架工具,底层切换到了 vite (下一代前端工具链),为开发提供极速响应。 执行如下命令,这一指令将会安装并执行 create-vue `npm init vue@latest` > 无论您之前是否安装过create-vue,执行n ......
商城 项目 Vue3 Vue

vue时间处理

vue时间处理 https://blog.csdn.net/xc9711/article/details/123347629 前言 记录vue对时间的处理 String与时间戳、时间互转 计算时间差 设置时间格式: YYYY-MM-DD HH:mm:ss 年月日 时分秒形式以及HH:mm:ss 时分 ......
时间 vue

k8s实战案例之基于StatefulSet控制器运行MySQL一主多从

StatefulSet本质上是Deployment的⼀种变体,在v1.9版本中已成为GA版本,它为了解决有状态服务的问题,它所管理的Pod拥有固定的Pod名称,启停顺序,在StatefulSet中,Pod名字称为⽹络标识(hostname),还必须要⽤到共享存储。在Deployment中,与之对应的... ......
控制器 StatefulSet 实战 案例 MySQL

02项目数据库隐藏密码,封装logger,环境变量的设置,封装全局异常,Response,开启media访问,前端项目创建调整,前端配置

# 1 项目数据库之隐藏密码 ```python # 我们直接把mysql的用户名和密码 写死在了代码中 》后期可能会存在风险 》代码如果泄露 》mysql的用户密码泄露 》可以远程登录 》脱裤(拖库) 》所有数据会被黑客获取到 》卖钱 # 华住 》在代码中把数据库用户名和密码写死了 》源代码泄露了 ......
前端 项目 全局 变量 Response

记录--前端如何优雅导出多表头xlsx

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前言 xlsx导出是比较前后端开发过程中都比较常见的一个功能。但传统的二维表格可能很难能满足我们对业务的需求,因为当数据的维度和层次比较多时,二维表格很难以清晰和压缩的方式展现所有的信息,所以我们也就经常能碰到多级表头开发了。 demo ......
表头 前端 xlsx

使用lupdate命令清空qt工程里面的.ts文件多余的无效翻译,终端提示没有找到lupdate命令

使用lupdate命令清空qt工程里面的.ts文件多余的无效翻译,终端提示没有找到lupdate命令 实验平台:Ubuntu 16.04 解决过程: 1.在终端中使用lupdate xxx.pro -no-obsolete命令 2.终端提示在/usr/lib/x86_64-linux-gnu/qt4 ......
命令 lupdate 终端 文件 工程

Vue项目打包部署上线时devServer.proxy代理失效如何解决?使用nginx的proxy_pass 代理跨域转发

Vue项目打包部署上线时devServer.proxy代理失效如何解决?使用proxy_pass 代理跨域转发 前言本篇文章用于记录项目前端部署上线遇到的问题,包含对问题的思考、解决思路,以及从中获得的收获。正确的部署流程我也写了一篇文章,供大家参考使用宝塔将Vue2+Nodejs全栈项目打包部署到 ......
proxy proxy_pass devServer 项目 nginx

vue学习记录 4

本地服务器配置apache安装学习参考网址:(官网下载apache包的时候可能会疯狂断开链接)教程里没说,但是要管理员身份操作cmd。 https://blog.csdn.net/qqhruchen/article/details/127457889?spm=1001.2101.3001.6661. ......
vue

vue dialog弹出框随屏幕改变高度

动态改变高度是基于动态css样式进行设置,dialog中的高度是随内部元素高度变化,所以在dialog中的table添加class="tableClass",通过屏幕大小改变tableClass中的height,高度数值存储在sizeList中。 <template> <div :style="si ......
屏幕 高度 dialog vue

Long类型后端传前端精度丢失的优雅解决方案

### 前言提要:javaScript 的最大安全值:Number.MAX_SAFE_INTEGER 是一个值为 9007199254740991 的常量,如果超过这个值,那么js会出现不精确问题 - 解决方案(推荐级别:低等):修改字段类型为String - 解决方案(推荐级别:中等):字段上添加 ......
前端 精度 解决方案 类型 方案

碎片化学习前端之JavaScript(JS 压缩图片)

## 前言 图片压缩是前端开发中常见的需求,目前前端主流的解决方案有:Canvas 手动实现压缩以及第三方库压缩两种方案。 ## Canvas 手动实现压缩 Canvas 实现压缩主要原理是:将图片绘制到 canvas 上,然后通过调整 canvas 的宽高来实现压缩。 ```js function ......
前端 碎片 JavaScript 化学 图片

Web 前端框架市场统计

根据 w3techs 所做的统计1,有17.8%的网站没有使用 javascript 库。在使用js库的web网站中, Jquery 占据了大部分,Bootstrap, React, Ajax, Vue, Angular 排行如下: 其他还有一些js库占据剩下的1%: 对于React, Angula ......
前端 框架 市场 Web

vue封装公共组件库并发布到npm库

利用的原理: vue框架提供的api: Vue.use( plugin),我们把封装好组件的项目打包成vue库,并提供install方法,然后发布到npm中。Vue.use( plugin )的时候会自动执行插件中的install方法。 一、组件库代码目录调整 1.根目录创建packages文件夹2 ......
组件 vue npm

关于vue 使用setInterval定时器关闭失效的问题 原因为事件传播

/** ** data.isPlay为显示那个按钮 ** startHandle开始定时器 setInterval ** pauseHandle,stopHandle理解为关闭定时器就好了clearInterval **/ <view class="btn" @click.stop="startHa ......
定时器 setInterval 原因 事件 问题