前端 终端 实战vue
Vue3 面试题 （2023-09-26更新）
Vue3 对比 Vue2 做了那些改进？ 1. 响应式系统 vue2 中使用的 Object.defineProperty 实现的响应式，劫持整个对象，递归遍历所有属性，给每个属性添加 getter 和 setter vue3 中使用的 Proxy 实现的响应式 2. 编译阶段 Fragment V ......
Vue3-vite 按需引入Element-plus
1.下载unplugin-vue-components，unplugin-auto-import 包 npm i -D unplugin-vue-components unplugin-auto-import 2.vite.config.js 文件中配置 1 import AutoImport fr ......
代码层面探索前端性能
最近在做性能优化，具体优化手段，网上铺天盖地，这里就不重复了。性能优化可分为以下几个维度：代码层面、构建层面、网络层面。本文主要是从代码层面探索前端性能，主要分为以下 4 个小节。使用 CSS 替代 JS、深度剖析 JS、前端算法、计算机底层 ......
前端组件通信工具-自定义Bus
前端组件通信工具-自定义Bus 在utils添加Bus // 先定义一个类型，emit作为发布(传递)，on作为订阅(接收) // name是事件名称，callback是一个回调函数 type BusClass = { emit:(name:string) => void on:(name:stri ......
vue npm 视频播放 项目中感觉比较好用的包
npm @easydarwin/easyplayer 对H265 H264支持都比较友好！！实测比较好用 <!DOCTYPE html> <html lang=""> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" c ......
vue中没有index.html 如何可以加上
在Vue项目中，如果没有默认的index.html文件，你可以手动创建一个并进行设置。 以下是创建并配置index.html的步骤： 在你的Vue项目根目录下创建一个新的public文件夹（如果还没有）。 在public文件夹下创建一个新的index.html文件。 在index.html文件中添加 ......
strimzi实战之三：prometheus+grafana监控（按官方文档搞不定监控？不妨看看本文，已经踩过坑了）
通过strimzi部署的kafka集群，如何部署prometheus+grafana去监控呢？官方文档信息量太大，即便照着做也可能失败，这里有一份详细的保姆级操作指南，助您成功部署监控服务 ......
渗透测试实战-漏洞利用MS17-010
★关于道德伦理的忠告★ 以下内容摘自《Metasploit渗透测试指南》 作为一名渗透测试者，我们可以击败安全防御机制，但这是仅仅是我们工作的一部分。当你进行渗透攻击时，请记住如下的忠告： 不要进行恶意的攻击； 不要做傻事； 在没有获得书面授权时，不要攻击任何目标； 考虑你的行为将会带来的后果； 如 ......
全栈工程师必须要掌握的前端JavaScript技能
作为一名全栈工程师，在日常的工作中，可能更侧重于后端开发，如：C#，Java，SQL ，Python等，对前端的知识则不太精通。在一些比较完善的公司或者项目中，一般会搭配前端工程师，UI工程师等，来弥补后端开发的一些前端经验技能上的不足。但并非所有的项目都会有专职前端工程师，在一些小型项目或者初创公... ......
NebulaGraph实战：3-信息抽取构建知识图谱
自动信息抽取发展了几十年，虽然模型很多，但是泛化能力很难用满意来形容，直到LLM的诞生。虽然最终信息抽取质量部分还是需要专家审核，但是已经极大的提高了信息抽取的效率。因为传统方法需要大量时间来完成数据清洗、标注和训练，然后来实体抽取、实体属性抽取、实体关系抽取、事件抽取、实体链接和指代消解等等。现在 ......
vue-cli_关于vue-cli打包后多出的js与css文件
平常并没有注意到打包后js与css有多少个文件, 一般而言执行打包命令后就差不多万事大吉, 然后交给后端去完成部署就好了. 但轮到自己亲手为打包文件设置CDN时, 发现, 原来打包出来文件多少还是有区别的. 如下, 是我打包出来的某个项目的文件和自动生成的html文件的引入文件. ├─dist | ......
开源防火墙实战手册(4)－linux/unix基础（3）
目录配置文件主机名主机名和 IP 地址的映射域名系统(DNS)解析器 配置文件 主机名 [waterruby@localhost ~]$ cat /etc/hostname waterruby-server 主机名和 IP 地址的映射 [waterruby@localhost ~]$ cat /et ......
Spring Boot RestController接口如何输出到终端
背景 公司项目的批处理微服务，一般是在晚上固定时段通过定时任务执行，但为了预防执行失败，我们定义了对应的应急接口，必要时可以通过运维在终端中进行curl操作。然而，部分任务耗时较长，curl命令执行后长时间没有输出，如果不查看日志，无法知道系统当前的状态，因此有必要研究一下如何在curl命令调用接口 ......
盘点一个使用Python自动化处理GPS、北斗经纬度数据实战（下篇）
大家好，我是皮皮。 一、前言 上一篇文章我们使用了Python来实现数据的导入和分列处理，最终可以得到符合预期的结果，不过还可以继续深挖优化下，这一篇文章一起来看看吧。优化的背景如下图所示： 二、实现过程 这里【瑜亮老师】继续给了一个优化指导，如下图所示： 并且给出的代码如下： with open( ......
vue源码解析-实现一个基础的MVVM框架
基本介绍 vue.js采用数据劫持结合发布-订阅模式的方式，通过Object.defineProperty()来劫持各个属性的getter,setter,在数据变动时发布消息给订阅者，触发响应的监听回调。 主要功能： 实现一个指令解析器Compile 实现一个数据监听器Observer 实现一个Wa ......
Vue-进阶，404页面控制及路由钩子
路由转发传参 我们在使用vue-router时，可能会在Vue实例对象中，写一些方法使用路由的方式完成跳转，其实这种方式也是可以进行转发的 this.$router.push("/main"); 如上，可以使用字符串拼接，把参数拼接在后面，然后转发，完成参数传递 this.$router.push( ......
如何在vite+vue3中的html页面中使用变量？
如何在vite+vue3中的html页面中使用变量？ vite版本：4.1.5 vue版本：3.2.47 需要引入新的开发依赖: yarn add vite-plugin-html -D 修改vite.config.ts文件配置 ... // @ts-ignore import { createHt ......
pycharm无法打开终端：open Local Terminal_Failed to start [powershell.exe]
今天在运行pycharm的时候出现了这个问题 open Local Terminal_Failed to start [powershell.exe] 直接上解决办法 1.进入设置 2.选择tools下的terminal 然后修改shell path 如果没有的话需要找到本机的powershell的 ......
使用Vue3+elementPlus的Tree组件实现一个拖拽文件夹管理
目录1、前言2、分析3、 实现4、踩坑4.1、拖拽辅助线的坑4.2、数据的坑4.3、限制拖拽4.4、样式调整 1、前言 最近在做一个文件夹管理的功能，要实现一个树状的文件夹面板。里面包含两种元素，文件夹以及文件。交互要求如下： 创建、删除，重命名文件夹和文件 可以拖拽，拖拽文件到文件夹中，或着拖拽文 ......
vue+el 实现 阶梯效果
[简介]： 关键代码; <el-row class='midPart' style=''>{{ menu.name }}</el-row>.midPart { float: left; width: 4%; padding: 7px 7px; background: #444;} [内容]： <te ......
前端显示数据库中的换行文本：HTML和CSS解决方案
在项目中经常会出现要显示数据库中的大段文本内容，如说明或备注等信息，当其中存储有换行符的时候，前端通常会忽略这个换行，直接在一行显示，那么怎么解决呢？ 解决方案一：使用HTML <br> 标签 HTML的<br>标签是一种简单而直观的方法，它可以将文本中的换行符正确地呈现在浏览器中。 示例代码： < ......
国标GB28181安防视频平台EasyGBS视频监控系统前端存储与中心存储
在EasyGBS视频监控系统中，前端存储通常采用高性能的NVR（网络视频录像机）或NAS（网络附加存储）设备来实现。这些设备具有高容量、高速度和稳定性的特点，能够支持多路高清视频流的同时传输和存储，确保系统在处理大量视频数据时仍能保持流畅运行。 1.前端存储 前端存储是指视频信息存于视频服务器或网络 ......
MySQL实战实战系列 07 行锁功过：怎么减少行锁对性能的影响？
在上一篇文章中，我跟你介绍了 MySQL 的全局锁和表级锁，今天我们就来讲讲 MySQL 的行锁。 MySQL 的行锁是在引擎层由各个引擎自己实现的。但并不是所有的引擎都支持行锁，比如 MyISAM 引擎就不支持行锁。不支持行锁意味着并发控制只能使用表锁，对于这种引擎的表，同一张表上任何时刻只能有一 ......
使用SpringBoot+Vue3的形式实现管理系统的添加功能
1、查看页面形式 2、使用element-plus组件为添加页面引入form表单 成功引入form表单组件： 3、更改成自己需要的形式 4、测试是否可以拿到文本框的数据 拿到数据啦！！（记得vue3这里： console.log(form) //不要写this ```） # 5、vue界面的添加代码 ......
vue 路由动画
安装 npm i -S animate.css main.ts 引入 import 'animate.css'; router const routes: RouteRecordRaw[] = [ { path: '/', alias: ['/login'], component: () => im ......
vue 暴露组件方法
loadingbar <template> <div class="wrapper"> <div ref="bar" class="bar"></div> </div> </template> <script setup lang="ts"> import { onMounted, ref } fr ......
vue安装路由
一、安装命令： npm install vue-router --save 或者 cnpm install vue-router --save 二、新建一个router.js router.js大致内容 1 import {createRouter, createWebHistory} from ' ......
08_Electron与vue环境搭建
首先在 Vscode 控制台输入：npm intall -g @vue/cli or yarn global add @vue/cli。 然后再输入 npm i -g @vue/cli-init，这时候输入 vue -V 来看 vue 是否安装成功。 安装成功后输入 vue init simulat ......
关于时间太长忘记vue如何启动的问题
1、开启SpringBootApplication项目 2、在vue项目的Teminal处，输入相关命令 vue2 npm run dev vue3 npm run serve 咳咳，写一遍我就不会忘记啦~ ......