核心 知识 技术vue
关于 Vue 列表渲染 key 绑定 index 的性能问题
今天在学习 React 文档，列表渲染一节中提及到一个关于 key 绑定索引值（index）性能的问题： React 官方文档原文：“如果列表项目的顺序可能会变化，我们不建议使用索引来用作 key 值，因为这样做会导致性能变差，还可能引起组件状态的问题”。 查阅网上的博客，确实有对 Vue 列表渲染 ......
号脉入门知识（详细图解简单易学）十分钟让你学会
https://mp.weixin.qq.com/s?__biz=MzA3MDA4MDk4OQ==&mid=2650417999&idx=1&sn=a2226c8d512c6384ebf1b868978439eb&chksm=86cccbfdb1bb42eb7105224eaaee00cde13ca ......
Vue 跑马灯效果
vue简单的跑马灯效果，直接封装的组件，引入就能用。 <template> <div class="block"> <h3 class="h3_title"> 特别提醒 </h3> <p class="words" ref="words" :text="content" > {{content}} ......
[MySql] 数据库死锁的排查和相关知识
查看数据库最近的一次死锁 执行以下命令： show engine innodb status; 查询结果 ...... LATEST DETECTED DEADLOCK 2023-03-20 15:26:35 7f37cf7bc700 *** (1) TRANSACTION: TRANSACTION ......
网络知识点汇总2-MPLS
1.协议地图 2.MPLS介绍 ATM的优缺点： ATM转发采用唯一匹配，一次查表，效率很高 ATM控制信令复杂，成本高昂，难以普及 ATM技术虽然没有成功，但其中有几点创新： 摒弃了繁琐的路由查找，改为简单快速的标签交换: 将具有全局意义的路由表改为只有本地意义的标签表。 MPLS定位在第2.5层 ......
ant design vue 2.0 select 二次封装组件
//a-select 组件文件 <template> <a-select placeholder="请选择" :value="defaultValue" :disabled="disabledSelect" @change="changeSelect"> <a-select-option value ......
vue 监听 sessionStorage 的变化
原文链接：https://blog.csdn.net/weixin_41192489/article/details/125069656 将 sessionStorage 的变化注册为全局事件 setItem，在main.js中添加如下代码 Vue.prototype.setSessionItem ......
VsCode 常用好用插件/配置+开发Vue 必装的插件
一、VsCode 常用好用插件 1、实时刷新网页的插件：LiveServer 2、open in browser 支持快捷键与鼠标右键快速在浏览器中打开html文件，支持自定义打开指定的浏览器，包括：Firefox，Chrome，Opera，IE以及Safari 补充一下：LiveServer 和 ......
JS 知识点收集
js文件中import中加{}和不加{}的区别 参考网址 https://blog.csdn.net/baidu_38225647/article/details/104968662 大括号的加与不加取决于import来源的js文件 - 如果来源js中export时明确指定export组件的名称，那 ......
前端vue获取后端返回的富文本内容不是标签是转义字符解决方法
新手的我就直接上代码 template部分(UI框架用的vant) <template> <div class="common-bg"> <van-nav-bar title="消息中心" left-arrow :fixed="true" :placeholder="true" @click-lef ......
Vue 评分星星显示
<el-table-column label="专业性" align="center" prop="specialty" ><template slot-scope="{row}"> <el-rate v-model="row.specialty" disabled show-score text- ......
new一个vue对象开始，vue内部发生了什么
new Vue({ el: '#app', router, store, components: { App }, template: '<App/>' }) vue构造类里面init函数 初始化生命周期，事件，render 调用 beforeCreate 钩子函数 初始化 props、method ......
Python——基础知识（一）
1. 那么多编程语言，为什么学python 易于学习，是所有编程语言当中最容易学习的 没有最好的语言，只有最合适的语言 2. 反复执行的用例如何提升效率 测试流程回归（回顾） 很多测试用例在不同的测试轮次中都需要执行 那么提高效率的办法是：将这些需要反复执行的测试用例，让程序自动的帮我们执行 3. ......
系统设计中的有限状态机FSM技术解析
FSM（有限状态机）是一种数学模型，用于描述系统或程序的行为，SM的状态机设计要点包括确定状态集合、转移函数、初始状态和结束状态，绘制状态图和转移表格，以及状态机的实现。其设计要点包括以下几个方面： 确定状态集合：需要明确系统可能的所有状态，并将其表示为一个状态集合。状态集合应该包含系统的所有可能状 ......
win32api之线程知识梳理(四)
什么是线程 线程是附属在进程上的执行实体, 是代码的执行流程 一个进程可以包含多个线程, 但一个进程至少要包含一个线程 进程与线程的关系 可以将进程比作一个房子，它是一个容器，可以包含很多个线程（居住者）同时工作。线程可以在进程中进行交互和共享资源（房间、厨房等）。与居住在房子里的人一样，线程需要执 ......
vue3+ts初学之创建一个vue3项目
(1)使用vue-cli创建: ## 安装或者升级 npm install -g @vue/cli ## 保证 vue cli 版本在 4.5.0 以上 vue --version ## 创建项目 vue create my-project 然后的步骤: Please pick a preset - ......
Vue+Element UI 弹出文本框
效果： 代码： /* 打开审批弹窗*/ openAudit(row) { this.$confirm('请确认审核结果', '审核', { distinguishCancelAndClose: true, confirmButtonText: '审核通过', cancelButtonText: '未 ......
vue3+ts初学之安装路由(router)
一、安装路由 1.安装vue-router vue3需要安装4.0以上版本 vue2最好安装4.0以下版本 安装命令： npm install vue-router@next --save // 安装最新版本router // 如需按版本安装，需将命令行中 next 改成相应的版本。如下： // n ......
Jenkins核心功能快速上手Jenkins企业级持续集成持续部署CICD
Jenkins核心功能快速上手Jenkins企业级持续集成持续部署CICD 主要负责容器云平台产品架构及设计. 8年工作经验, 有着企业级存储, 云计算解决方案相关理解. 关注于微服务设计思考, 开发流程优化, docker及kubernetes技术在实际环境中的应用。 主题 本次分享主要是介绍我公 ......
【云原生|实战入门】1：Docker、K8s简单实战与核心概念理解
【云原生|实战入门】1：Docker、K8s简单实战与核心概念理解 一：容器与镜像 1、简单理解容器 我们将通过操作系统管理进程这个例子来形象的理解容器的概念。 当登录到操作进程之后，可以看到各种进程，这些进程由系统自带的服务进程和用户进程组成。 这些进程之间有这些特点： 1、这些进程可以相互看到、 ......
【云原生-DevOps】企业级DevOps平台搭建及技术选型-CICD篇
又是开篇 上一篇文章我们大概分享了DevOps项目管理中怎么企业级搭建 本篇文章主要介绍两个子系统【CICD、效能看板】 CICD系统 CI（Continuous Integration）：指持续集成，它属于开发人员的自动化流程。 持续集成是一种软件开发实践，团队开发成员经常提交代码到代码仓库，通常 ......
使用vue实现一个点击复制的功能
<script src="https://cdn.jsdelivr.net/npm/vue"></script> <div id="app"> <button @click="copyText">复制</button> <input type="text" v-model="textToCopy" ......
性能测试知识科普(一)：核心术语
转载：https://www.cnblogs.com/imyalost/p/16706311.html 前几天在技术交流群，有同学问了一个性能问题，由此引发了很多同学的追问： 并发到底是什么鬼？ 怎么判断系统到了性能瓶颈？ 监控那么多指标到底关注哪些？ 应这些同学要求，这篇文章做个性能测试理论知识扫 ......
性能测试知识科普(五)：能力分层
转载：https://www.cnblogs.com/imyalost/p/16916594.html 这是性能测试知识科普的第五篇文章。 前面的文章分享了性能测试中的核心术语和指标、常用测试策略、压测工具选型以及性能需求分析的内容。 写这篇文章的初衷是昨天有同学咨询我，希望通过付费方式让我教她性能 ......
性能测试知识科普(六)：三大模型
转载：https://www.cnblogs.com/imyalost/p/16923884.html 前面几篇文章介绍了性能测试中的核心术语和指标、常用测试策略、压测工具选型、性能需求分析以及性能测试能力分层和新手的学习路径，这几部分可以理解为做性能测试之前打基础的部分。 今天的这篇文章是性能测试 ......
性能测试知识科普(三)：压测工具
转载：https://www.cnblogs.com/imyalost/p/16759916.html 上一篇文章聊了性能测试中常见的测试策略以及如何选择合适的策略进行测试活动开展。 这篇文章是性能测试知识科普的第三篇，我想聊聊很多性能测试小白最关心也最核心的问题——压测工具。 普遍存在的问题 聊压 ......
性能测试知识科普(七)：监控能给你带来什么
转载：https://www.cnblogs.com/imyalost/p/16933850.html 这是性能测试知识科普的第七篇文章。 前几天关于三大模型的文章发布后，有同学在技术交流群问了我一个问题： 文中提到的QPS和TPS有什么区别，该如何在实际工作中理解这些指标的含义？ 群里其他同学也发 ......
读后笔记 -- Java核心技术（第11版 卷I ）Chapter1-2 Java 程序设计
本书源码（下载对应版本的代码）：https://horstmann.com/corejava/index.html Java 17 API 文档：https://docs.oracle.com/javase/17/docs/api 配套视频讲解（卷一）：https://space.bilibili. ......
vue-router原理剖析
vue-router原理 单页面核心之一是： 1、更新视图而不重新请求页面。 2、vue-router在实现单页面前端路由时，提供了：hash,history hash: 兼容所有浏览器，hash的值为#/*内容， hash的改变会触发hashchange事件， history: pushState ......
【UE技术案例】场景交互雪
一. “画笔”与“画板” 1.1 RT的使用 Render Target 可以当Texture使用，相当于一张画布，通过蓝图节点或函数在上面绘制图案 Render Target 的两种使用方式： 直接使用 Draw Material to Render Target，直接绘制材质 Begin Dra ......