前端学习之Vue 第15页

面对 this 指向丢失，尤雨溪在 Vuex 源码中是怎么处理的

写于2021-08-02，同步于segmentfault。1.前言大家好，我是若川，欢迎follow我的github。我倾力持续组织了3年多每周大家一起学习200行左右的源码共读活动，感兴趣的可以点此扫码加我微信ruochuan02参与。另外，想学源码，极力推荐关注我写的专栏《学习源码整体架构系列》，目前是掘金关注人数（5.7k+人）第一的专栏，写有20余篇源码文章。好久以前我有写过《面试官问系列

·2025-01-18 00:57

Vue.js组件开发-图片剪裁性能优化最佳方案实例

在Vue.js组件开发中，优化图片剪裁性能的最佳方案通常涉及多个方面的综合考虑。

LCG元·2025-01-17 23:05

React和Vue中暴露子组件的属性和方法给父组件用，并且控制子组件暴露的颗粒度的做法

React在React中，forwardRef是一种高级技术，它允许你将ref从父组件传递到子组件，从而直接访问子组件的DOM节点或公开的方法。这对于需要操作子组件内部状态或DOM的场景非常有用。为了使子组件能够暴露其属性和方法给父组件，通常会结合useImperativeHandleHook使用forwardRef。如何使用forwardRef和useImperativeHandle创建一个带有

向画·2025-01-17 23:33

一文详解：springboot集成websocket

微服务架构第1章微服务概述什么是微服务常见的微服务组件常用的微服务框架微服务架构设计模式如何实施微服务从微服务的起源和现实业务的角度探讨微服务第2章微服务设计原则设计原则之分层架构设计原则之统一通信协议设计原则之单一职责设计原则之服务拆分设计原则之前后端分离设计原则之版本控制设计原则之围绕业务构建设计原则之并发流量控制设计原则之

fanzhang_vip0723·2025-01-17 23:00

phaserjs游戏开发之camera原理

Phaser.jsCameraExamplebody{margin:0;overflow:hidden;}//配置Phaser游戏constconfig={type:Phaser.AUTO,width:800,height:600,physics:{default:'arcade',arcade:{debug:false}},scene:{preload:preload,create:create

豆约翰·2025-01-17 23:30

设计模式之桥接模式

一、桥接模式的定义与核心概念桥接模式是一种结构型设计模式，其核心思想是将抽象部分与它的实现部分分离，使它们都可以独立地变化。这意味着，我们能够将原本紧密耦合的抽象和实现，通过引入一个“桥接”层，将它们解耦，从而让两者可以沿着各自的维度进行扩展，而不会相互影响。打个比方，想象我们正在开发一个图形绘制系统，需要绘制不同形状（如圆形、矩形），并且这些形状可以有不同的颜色（如红色、蓝色）。传统的设计方式可

power-辰南·2025-01-17 23:59

解决Spring+Vue的跨域问题

文章目录解决Spring+Vue的跨域问题一、引言二、前端Vue配置代理解决跨域1、配置代理2、使用axios发送请求三、后端Spring配置解决跨域1、全局配置跨域策略四、使用示例五、总结解决Spring

eqa11·2025-01-17 22:57

《微服务王国的守护者：Spring Cloud Dubbo的奇幻冒险》

如果飞船在某个星系节点出现了问题，你需要迅速定位问题发生的位置，并了解它之

Geek_H·2025-01-17 21:45

checkbox wpf 改变框的大小_C1DataGrid for WPF使用技巧之改变CheckBox列的外观

原标题：C1DataGridforWPF使用技巧之改变CheckBox列的外观在C1DataGrid中，如果包含一个DataGridCheckBoxColumn，您就会发现在Column的单元格中CheckBox

weixin_39551366·2025-01-17 21:15

WPF教程四：布局之DockPanel面板

DockPanel:停靠面板DockPanel定义一个区域，在此区域中，您可以使子元素通过描点的形式排列，这些对象位于Children属性中。停靠面板类似于WinForm中控件的Dock属性。DockPanel会对每个子元素进行排序，并将根据指定的边进行停靠，多个停靠在同侧的元素则按顺序排序。在DockPanel中，指定停靠边的控件，会根据定义的顺序占领边角，所有控件绝不会交叠。默认情况下，后添加

weixin_30278311·2025-01-17 21:14

Vue3 Element-Plus Tree组件基本使用

文章目录前言一、前置工作-引入二、步骤1.呈现2.增加点击回调总结前言写博客的时候第一次用这个组件,ElementPlus的TypeScript范例让我吃了点苦头,数据绑定那块搞了好一会才弄明白.不过好在最后还是做出来了,记录一下基本用法.一、前置工作-引入main.js:import{ElTree}from'Element-Plus';import'../node_modules/element

白瑕·2025-01-17 21:42

Vue项目引入侧边导航栏

Vue项目引入侧边导航栏侧边导航栏能够非常方便进行信息检索，这一款不错的侧边导航栏：vue-side-catalog，基本上能满足快速检索的需求安装官网首先需要进入**vue-side-catalog*

byg_qlh·2025-01-17 21:12

【Vue】使用 Pinia 进行状态管理

下面将展示如何在Vue3项目中使用Pinia进行状态管理。这个示例包括多个store，使用getters和actions，以及在组件中使用这些store。

Vesper63·2025-01-17 21:42

【Vue】let、const、var的区别、适用场景

let、const、var，有哪些区别，适用场景var特点：var是JavaScript中最传统的变量声明方式。具有函数作用域，即在函数内声明的var变量，在整个函数内都可以访问。变量提升：使用var声明的变量会被提升到函数的顶部，但赋值操作仍保留在原位置。可以重复声明，这可能导致意外的变量覆盖问题。在JavaScript中创建变量通常称为"声明"变量。变量在脚本中第一次出现是在声明中。第一次用到

宏夏c·2025-01-17 21:09

设计模式02：结构型设计模式之适配器模式使用情景及其基础Demo

1.适配器模式用途：接口兼容评价：复杂、冗余、难以调试，个人认为直接在旧系统那里封装一个新实现调用旧实现就好了场景：系统A、B、C想调用同一个功能接口，但是实现细节存在差异时（其实就是入参和出参转化处理，封装在一个新的类）//旧系统接口publicinterfaceIOldSystem{stringGetData();}//旧系统实现publicclassOldSystem:IOldSystem{

我是苏苏·2025-01-17 20:36

数据入湖的前提条件：数据标准之元数据注册

元数据注册是数据入湖的重要前提条件之一，其核心目的是记录和管理数据的元信息（Metadata），为数据的理解、发现、管理、使用和治理提供依据。元数据是描述数据的“数据”，包括数据的结构、来源、用途等关键信息。下面从底层原理、操作步骤及背后原因进行全面解析。1.为什么需要元数据注册？1.1数据可发现性含义：元数据提供了关于数据的描述信息，使用户能够快速发现和定位所需数据。原理：在数据湖中，没有元数据

goTsHgo·2025-01-17 20:04

✨探究✨进程最大可以打开多少个文件

大家好，我是半夏之沫一名金融科技领域的JAVA系统研发我希望将自己工作和学习中的经验以最朴实，最严谨的方式分享给大家，共同进步写作不易，期待大家的关注和点赞关注微信公众号【技术探界】前言原本是想搞清楚一台服务器最多能建立多少个连接

·2025-01-17 20:19

Vue3.0 + Element Plus｜侧边导航栏、标题栏组件应用全局

刚开始接触项目，从0开始搭建管理平台，最开始先写的页面布局，采用的很笨的方法：每写一个页面就写一次页面布局样式后来随着页面逐渐变多，代码冗余量也逐渐增多。于是采取了以下方法将整体的页面布局注册为了全局布局组件：App.main文件HTML：

StellaXiao98·2025-01-17 20:31

Python自动化测试之Selenium各浏览器驱动下载网址

在自动化测试领域，Selenium无疑是一个不可或缺的工具。它允许开发者编写脚本来模拟用户在浏览器中的操作，从而进行自动化测试。然而，为了使用Selenium控制不同的浏览器，我们需要安装相应的浏览器驱动（WebDriver）。（1）Chrome浏览器驱动（chromedriver）：ChromeforTestingavailability(googlechromelabs.github.io)h

Shadow℘Coder·2025-01-17 20:00

倒计时 4 天！2024年压轴技术盛宴来了！

现在，年度压轴之站即将开启——12月28日（本周六下午），我们将在广州与您相聚，共赴一场精彩纷呈的云原生与AI技术盛会！诚邀您一同探索云原生与AI的最新趋势与实战应用，共享技术交流的巅峰时刻！

·2025-01-17 20:39

开源之夏 2024 KubeSphere 社区项目总结

开源之夏2024KubeSphere社区项目总结开源之夏是由中科院软件所“开源软件供应链点亮计划”发起并长期支持的一项暑期开源活动，旨在鼓励在校学生积极参与开源软件的开发维护，培养和发掘更多优秀的开发者

·2025-01-17 19:33

官宣开源阿里云与清华大学共建AI大模型推理项目Mooncake

2024年6月，国内优质大模型应用月之暗面Kimi与清华大学MADSys实验室（MachineLearning,AI,BigDataSystemsLab）联合发布了以KVCache为中心的大模型推理架构

·2025-01-17 19:03

HBuilder X打包运行鸿蒙应用(vue2 -＞ vue3)

HBuilderX打包运行鸿蒙应用vue2->vue31.manifest.json配置为vueVersion：32.main.js调整（下方已补充）3.store调整4.增加入口文件index.html5

木子李–刚步入开发的小学生·2025-01-17 18:52

vue 如何判断每次进入都会刷新页面

在Vue.js中，如果你想要检测用户是否重新加载了页面或者首次访问页面，可以通过监听某些生命周期钩子或者利用浏览器的存储机制来实现。

东锋1.3·2025-01-17 18:18

Python+Vue计算机毕业设计新新中草药管理系统06s87（源码+程序+LW+部署）

该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程项目运行环境配置：Python3.7.7+Django+Mysql5.7+piplist+HBuilderX（Vscode也行）+Vue+Pychram

永毅科技·2025-01-17 17:44

Vue-常见指令

常用指令：指令作用v-for列表渲染，遍历容器的元素或者对象的属性v-bind为HTML标签绑定属性值，如设置href,css样式等v-if/v-else-if/v-else条件性的渲染某元素，判定为true时渲染,否则不渲染v-show根据条件展示某元素，区别在于切换的是display属性的值v-model在表单元素上创建双向数据绑定v-on为HTML标签绑定事件1.3.2v-for作用：列表渲

dd要努力变优秀！·2025-01-17 17:43

解析蓝桥杯思维之真题训练：分巧克力

目录其他真题要点源代码其他真题其他真题儿童节那天有K位小朋友到小明家做客。小明拿出了珍藏的巧克力招待小朋友们。小明一共有N块巧克力，其中第i块是HixWi的方格组成的长方形。为了公平起见，小明需要从这N块巧克力中切出K块巧克力分给小朋友们。切出的巧克力需要满足：形状是正方形，边长是整数大小相同例如一块6x5的巧克力可以切出6块2x2的巧克力或者2块3x3的巧克力。当然小朋友们都希望得到的巧克力尽可

m明月Java3·2025-01-17 17:43

2024年信创操作系统之麒麟软件的银河麒麟、中标麒麟

在近年来国内操作系统领域不断推进自主创新和信息技术安全的背景下，信创产业作为国家战略的重要组成部分，得到了越来越多的关注。尤其是在操作系统领域，麒麟软件作为国内知名操作系统研发公司，凭借其“银河麒麟”和“中标麒麟”两款操作系统，不仅引领了行业发展，还在2024年信创操作系统排行榜中稳居前列，成为众多国内企业和政府机构的首选平台。往期精彩推荐：通过华为鲲鹏认证发行上市的集成平台产品推荐2024年信创

Lalolander·2025-01-17 17:37

【论文投稿】解锁Vue.js组件开发的神奇密码

目录一、引言：Vue.js组件化的魅力之源二、初窥门径：组件的基础架构（一）组件的构成要素（二）创建首个Vue组件实例三、进阶之路：组件通信的艺术（一）父子组件间的通信之道（二）兄弟组件与跨层级通信的谋略四

小周不想卷·2025-01-17 16:58

优选算法之双指针（下）

目录一、有效三角形的个数1.题目链接：611.有效三角形的个数2.题目描述：3.解法一（暴力求解、会超时）算法思路：算法代码：4.解法二（排序+双指针）算法思路：算法代码：二、和为S的两个数1.题目链接：179.查找总价值为目标值的两个商品2.题目描述：3.解法一（暴力解法、会超时）算法思路：算法流程：算法代码：4.解法二（双指针-对撞指针）算法思路：算法流程：算法代码：三、三数之和1.题目链接：

南风与鱼·2025-01-17 16:56

面试反馈流程及模版

jsapi如何传输大图片图片压缩转base64,分多次去传,前端去拼接；参与最复杂的项目分享下app从0到1，功能比较多，比较急，耦合多；架构重构，分成3层：基础库，中间路由，顶部业务模块生产遇到过故障vue

学海无涯乐作舟·2025-01-17 15:24

spring cloud-之入门技术选型的抉择

一、个人理解之技术选型：首先在当前的大环境下，微服务已经是大趋势所在，目前微服务有两个解决方案，dubbo和springcloud，下面将对比一下两个解决方案的优缺点，然后在说一下为何我最终会选择springcloud

weixin_30699831·2025-01-17 15:20

【Go语言】如何脚踩多条船之互斥锁原理

经常脚踩多条船的朋友都知道，为了不翻船，必须时刻确保同一时间只能与一位女友约会。这个情境就像Go中，多个女友就好比是多个goroutine，而我则是共享资源。为了避免冲突，互斥锁（sync.Mutex）用于保证goroutine对临界资源的互斥访问，也就是说，同一时间只能有一个女友独占我，其他女友无权约我（狗头保命）。那么，Go的互斥锁是如何实现的呢？以下结合源码进行分析（基于Go1.23.3版本

·2025-01-17 15:23

数据结构之B树详解(极简)

一、引言1）介绍数据结构的重要性在计算机科学中，数据结构是解决问题和优化性能的关键。它们是组织和存储数据的方式，直接影响着我们如何访问、检索和操作数据。一个恰当的数据结构选择可以显著提高算法的效率，降低时间复杂度和空间复杂度。因此，熟练掌握并理解各种数据结构对于软件工程师和计算机科学家来说至关重要。2）B树在数据结构中的地位和应用场景在众多数据结构中，B树以其高效的查找、插入和删除性能，在数据库和

初眸࿐·2025-01-17 15:17

前端-跨端跨平台框架介绍

1.Taro官网:https://taro-docs.jd.com/docsTaro是一个开放式跨端跨框架解决方案，支持使用React/Vue/Nerv等框架来开发微信/京东/百度/支付宝/字节跳动/QQ

有哥来袭·2025-01-17 15:16

02、Redis从入门到放弃之常用命令和基本数据类型操作

Redis从入门到放弃之常用命令和基本数据类型操作一、Redis通用命令redis-cli-h127.0.0.1-p6379redis客户端登录-hhost-p端口-a密码exit退出当前客户端info返回redis的一些相关信息（包括端口、配置文件等）flushdb清空当前库中的所有数据flushall清空所有库中的所有数据save将当前内存中的数据持久化到dump.rdb中(只管保存、其他全部

跳跳的向阳花·2025-01-17 15:15

算法之图论

连接图有向图问题无向图问题无向图最短路径127.单词接龙-力扣（LeetCode）分析：对于无向图最短路径问题，建议使用BFS（对点的扩展关联（扩散迭代方式））。同时由于无向性注意建立查找集合Visit（防止进入循环）。建立uset方便查找。建立umap方便查重并记录。思路：uset记录所有wordlist中的word，通过bfs获得满足条件（uset找到，umap未出现）的点，并在umap记录（

专业刷题Pia·2025-01-17 14:14

Monorepo设置：新手指南

CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读Monorepo是一种项目代码管理方法，指在单个代码仓库中管理多个项目，有助于简化代码共享、版本控制、构建和部署的复杂性，并提供更好的可重用性和协作性

·2025-01-17 14:36

AI赋能编程培训：高效构建Nuxt.js应用

Nuxt.js作为一款基于Vue.js的优秀框架，以其简洁的API和强大的功能，成为众多开发者的首选。然而，学习Nuxt.js也面临着一定的挑战，例如理解其核心概念，以及高效地完成项目开发。

·2025-01-17 14:01

vue-router 3.X 讲解

vue-router3.X讲解最近小哆啦在学习之余，发现自己在vue-router中有好多不了解的知识点，小哆啦决定梳理一遍vue-router参考资料：VueRouter(vuejs.org)说起前端路由有些朋友可能会问什么是路由

故梦867·2025-01-17 13:32

深入探究 Vue 3 中动态组件加载与性能优化

随着前端工程化的深入发展，Vue.js已成为最受欢迎的前端框架之一，其灵活性和生态系统丰富性让开发者爱不释手。然而，当我们开发中大型项目时，性能优化往往成为不得不面对的问题。

桂月二二·2025-01-17 12:27

vue中的那些事（刷新+key+v-if,v-for）

文章目录vue中添加属性，页面不刷新解决方法解决思路：解决方法：注意事项：vue3中解决方案解决思路：解决方法：注意事项：vue中key一、基本概念二、`key`的作用三、`key`的原理四、`key`

放逐者-保持本心，方可放逐·2025-01-17 11:49

数字孪生介绍

它是指对于现实世界中的物理实体或系统，通过数字化的方式建立一个虚拟的、与之相对应的数字化模型，从而实现对物理实体或系统的监测、仿真、预测和优化等操作。

丫头，冲鸭！！！·2025-01-17 10:06

Vue 和 uniApp 中 CSS 样式差别

之前一直在做vue2的项目，最近开始uniapp的项目，发现两种项目之间css还是有亿点区别的。

洗发水很好用·2025-01-17 10:35

Web前端------HTML多媒体标签之图片标签

一.图片标签介绍1.路径问题>.绝对路径从盘符开始的路径问题：改变了工程目录的位置后，绝对路径从盘符开始则不能使用了，考虑相对路径>.相对路径从当前位置（指从代码书写.html文件）开始如何表示当前位置------使用./如何表示上一级--------使用../2.图片标签的导入方式3.常见图片属性src：图片地址：1.网络路径2.绝对路径3.相对路径alt：图片加载失败时，提示信息width/h

王da魔·2025-01-17 10:02

《进阶篇第9章》学习vuex知识点后练习：把求和案例改成getters

@[toc]效果展示：注意点1：问题：如何实现“当前和为奇数再加”？答案：incrementOdd(){if(this.sum%2){this.sum+=this.n}}注意点2:问题：select下拉框默认为1时，点击加号没问题，但是下拉框选中为2时，n值变成字符串了，不应该是数字类型名吗？旧代码：无论设置value="1"还是value=1都无效当前求和为：{{sum}}123答案：因为没设置

·2025-01-17 10:21

告别CSS margin 和 padding 简写,拥抱更优雅的解决方案

CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读在前端开发中,CSS的外边距(margin)和内边距(padding)是使用频率极高的属性。

·2025-01-17 09:49

使用 Next 14 + NextAuth 4 + Strapi v4进行 Google 和凭据提供商身份验证的完整指南(02)

CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读NextAuthv4介绍NextAuth是一个开源的身份验证解决方案，适用于全栈（Next）应用程序。

·2025-01-17 09:19

使用 Next 14 + NextAuth 4 + Strapi v4进行 Google 和凭据提供商身份验证的完整指南(01)

CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读最近开始研究Strapi，这是一个无头CMS。由于它仅提供后端，前端部分包括身份验证流程需要你自己构建。