前端 终端 实战vue
Vue-插槽及自定义事件分发
一.插槽slot 在某些场景中，我们可能想要为子组件传递一些模板片段，让子组件在它们的组件中渲染这些片段。 <slot> 元素是一个插槽出口 (slot outlet)，标示了父元素提供的插槽内容 (slot content) 将在哪里被渲染。 插槽就好比一个占位符，它不是解决页面必须元素的位置，而 ......
vue中created和mounted区别
在 Vue.js 中，created 和 mounted 都是生命周期钩子函数，用于在组件不同的生命周期阶段执行代码。它们的主要区别如下： 1.created 钩子函数： 2.created 在组件实例被创建后立即调用。此时组件的实例已经被创建，并且组件的数据观测（data observation） ......
Springboot+Vue（一）
Springboot Controller 1.Web依赖整合了mvc、json、tomcat等框架，简化了Web应用的配置 2.用户向Controller发送请求，从数据库中获取到的数据存在Model中 当用户发出请求后，Controller向Model请求数据，响应之后返回到View ，通过HT ......
前端安装pnpm 包报错
安装pnpm 包管理器 全局安装 npm install pnpm -g 设置源 pnpm config get registry // 查看源 pnpm config set registry http://registry.npm.taobao.org // 切换淘宝源 使用： pnpm ins ......
前端 数学计算 big.js 使用
解决0.1 + 0.2 不等于 0.3的问题 解决方法 方法一，同时扩大倍数再除以相同的倍数 0.1 +0.2 // 0.30000000000000004 (0.1 *10 + 0.2 *10) / 10 // 0.3 方法二，第三方库 bignumber.js math.js big.js bi ......
ts和vue3的结合常见的一些问题（持续更新）
特此注意是vue3，而不是vue2 使用typescript的interface关键词定义一个存数据的数据类型 interface Position { long:number, lnt:number, height: number } const position = ref<Position>( ......
springboot数据传到前端在echarts中显示
后端正常返回查询所有的信息 前端使用echarts.min.js和jquery.min.js进行使用 ajax使用： $(document).ready(function() { $.ajax({ url: 'http://localhost:7070/selectHang', //你的url me ......
vue2 访问网关的时候post无法请求
问题复现： 后台使用微服务的框架 在consul 配置 并使用网关进行代理 。 问题描述 ： 前台访问网关调用后台方法 请求方式为get 时 正常使用 ~post 时 显示跨域问题 post访问路径正常 但就是无效果 显示跨域问题 报错 解决方法： module.exports = defineCo ......
GoLand2023设置GitBash为默认命令行终端
修改设置中的终端配置，将其修改为你的git bash启动脚本，注意需要带-login -i： 验证成功： ......
前端上传大文件处理（切片、断点续传）
思路1.对文件做切片,即将一个请求拆分成多个请求，每个请求的时间就会缩短，且如果某个请求失败，只需要重新发送这一次请求即可，无需从头开始2.通知服务器合并切片,在上传完切片后,前端通知服务器做合并切片操作3.控制多个请求的并发量,防止多个请求同时发送,造成浏览器内存溢出,导致页面卡死4.做断点续传, ......
vue3的面试题
1. 什么是Vue3？ Vue3有哪些新增特性？答：Vue3是Vue.js框架的最新版本，它增加了很多新特性，包括Composition API、Teleport、Suspense 和Fragment等。 2. Vue3 Composition API是什么？它的作用是什么？答：Vue3 Compo ......
全面分析 Vue 的 computed 和 watch 的区别
全面分析 Vue 的 computed 和 watch 的区别 一、computed介绍 computed 用来监控自己定义的变量，该变量在 data 内没有声明，直接在 computed 里面定义，页面上可直接使用。 //基础使用 {{msg}} <input v-model="name" /> ......
【vue2】 登录发送axios
demo <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"> ......
promise和vue-router
认真学习前端第三天打卡 1.promise的输出题,看了一会没看完，头痛 2.学习了vue-router的基础文档 1.router-link:可以用作导航栏，要在router->index.js里写路径（做链接）2.动态路由$route.params.id相应路由参数变化？捕获路由？3.路由的匹配 ......
【vue2】 demo1
练习用的 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"> ......
渗透测试中的前端调试（一）
前端调试是安全测试的重要组成部分。它能够帮助我们掌握网页的运行原理，包括js脚本的逻辑、加解密的方法、网络请求的参数等。利用这些信息，我们就可以更准确地发现网站的漏洞，制定出有效的攻击策略。前端知识对于安全来说，不但可以提高测试效率，还可以拓宽测试思路。 ......
PostgreSQL逻辑复制技术与项目实战
一、风哥PG-DBA培训20：PostgreSQL逻辑复制技术与项目实战 本课程由风哥发布的基于PostgreSQL数据库的系列课程，本课程属于PostgreSQL主从复制与高可用集群阶段之PostgreSQL逻辑复制技术与项目实战，学完本课程可以掌握PostgreSQL逻辑复制基础与架构，Post ......
PostgreSQL高可用集群项目实战之Repmgr
一、风哥PG-DBA培训18：PostgreSQL高可用集群项目实战之Repmgr 课程目标： 本课程由风哥发布的基于PostgreSQL数据库的系列课程，本课程属于PostgreSQL主从复制与高可用集群阶段之PostgreSQL高可用集群项目实战之Repmgr，学完本课程可以掌握Repmgr运行 ......
PostgreSQL高可用集群项目实战之Patroni
一、风哥PG-DBA培训19：PostgreSQL高可用集群项目实战之Patroni 课程目标： 本课程由风哥发布的基于PostgreSQL数据库的系列课程，本课程属于PostgreSQL主从复制与高可用集群阶段之PostgreSQL高可用集群项目实战之Patroni，学完本课程可以掌握Patron ......
PostgreSQL集群解决方案与流复制项目实战
一、风哥PG-DBA培训15：PostgreSQL集群解决方案与流复制项目实战 课程目标： 本课程由风哥发布的基于PostgreSQL数据库的系列课程，本课程属于PostgreSQL主从复制与高可用集群阶段之PostgreSQL集群解决方案与流复制项目实战，学完本课程可以掌握PostgreSQL集群 ......
vue3 defineEmits的使用
1.计数器案例 父组件： <template> <h2>当前计数为： {{counter}}</h2> <HelloWorld @add1="add1" @decre1="decre1"></HelloWorld> </template> <script setup> import { ref } ......
Vue3中的Ref与Reactive：深入理解响应式编程
前言 Vue 3是一个功能强大的前端框架，它引入了一些令人兴奋的新特性，其中最引人注目的是ref和reactive。这两个API是Vue 3中响应式编程的核心，本文将深入探讨它们的用法和差异。 什么是响应式编程？ 在Vue中，响应式编程是一种使数据与UI保持同步的方式。当数据变化时，UI会自动更新， ......
前端技术点滴整理-1
一、ETag相关 ETag（Entity Tag）是 HTTP 1.1 协议中的一部分，用于确定浏览器缓存的一个资源在服务器上是否已经被修改。它是一个可以分配给特定版本和实例的资源的标识符，通常是一个哈希值。服务器可以在发送资源时，将该资源的 ETag 一起发送给客户端。然后客户端在再次请求该资源时 ......
Vue2.x项目使用MAPBOX地图
Vue2.x项目 下载安装依赖 npm i mapbox-gl --save npm i mapbox-gl-controls --save 组件代码（注意在官网注册和token值申请） <template> <div class="mapbox-map001"> <p> https://www.m ......
vue前端导出pdf
function exportDataPdf(el, fileName, splitClassName) { // 防止页面数据被切割 const A4_WIDTH = 595 const A4_HEIGHT = 842 el.style.height = 'initial' const pageH ......
vue el-table-column 内容省略号，根据数字展示内容，鼠标移上展示详情
鼠标移上展示详情:title="scope.row.fmContent" <el-table-column prop="fmContent" label="工单内容" <template slot-scope="scope"> <span :title="scope.row.fmContent"> ......
HbuilderX将Vue项目打包后的dist，打包成安卓apk安装包
1、先看这个（必看）：https://www.cnblogs.com/lyt520/p/16545806.html 2、安装移动端log（如不需要可跳过此步骤） npm install vconsole main.js中引入： import VConsole from 'vconsole' cons ......
【效率提升】maven 转 gradle 实战
gradle是一个打包工具， 是一个开源构建自动化工具，足够灵活，可以构建几乎任何类型的软件，高性能、可扩展、能洞察等。其中洞察，可以用于分析构建过程中数据，提供分析参考，方便排查问题和不断优化构建性能，以下一次编译分析报告。 ......
关于vue的axios请求的封装
先加载axios import axios from 'axios'; import Vue from 'vue'; import Qs from 'qs'; import urls from './url' import { Message } from 'element-ui'; //用来设置接 ......