算法differ vue
vue/react关与key的面试题
虚拟dom中key的作用 当状态中的数据发生改变时，react会根据新数据生成新的虚拟dom，随后react进行新虚拟dom与旧虚拟dom的diff算法比较，比较规则如下： 1.旧虚拟dom找到了与新虚拟dom相同的key a.若虚拟dom中的内容没变，则使用之前的真实dom b.若虚拟dom中的内 ......
一起学学Vue Router 4.X开发中用到的新特性
前言： vue3发布这么久以来，还没好好梳理过它相关的全家桶，今天我们先聊聊Vue Router 4.X的使用以及新特性！ 可以说路由是一个简单又复杂的东西，简单指的是我们日常使用的过程中只是不断的调用它的API,复杂则是我们有的需求场景需要结合路由原理去处理数据等问题，此时我们就不得不对其原理有很 ......
KMP算法
KMP算法 Knuth-Morris-Pratt字符串查找算法（简称为KMP算法）可在一个字符串S内查找一个词W的出现位置。一个词在不匹配时本身就包含足够的信息来确定下一个匹配可能的开始位置，此算法利用这一特性以避免重新检查先前配对的字符。 这个算法由高德纳和沃恩·普拉特在1974年构思，同年詹姆斯 ......
分布式ID生成-雪花算法(Snowflake)
1 描述 使用原生Java方式生成雪花算法, 雪花算法是推特公司开源的生成唯一ID的算法, 性能更高，可以避免对第三方依赖的使用, 减少耦合 1）能满足高并发分布式系统环境下ID不重复 2）基于时间戳，可以保证基本有序递增，即按照时间趋势递增（有些业务场景对这个有要求） 3）算法本身不依赖第三方的库 ......
vue2 element ui 使用i18n 国际化配置
前提npm install vue-i18n 第一步：vue项目下新建locals文件夹，里面配置index.js内容如下，同时新建zh.js 和 en.js作为语言配置文件 import Vue from 'vue' import VueI18n from 'vue-i18n' import El ......
使用vue完成图片表格的点击因隐藏效果
首先了解整个项目可以分几个板块。图片的切割，图片放入的框架构建，图片放入。 1.图片的分割，这里的图片分割可以使用PS，或者网上搜图片切割的网站上传图片就行（http://www.zuohaotu.com/cut-image.aspx） 2.创建一个项目，导入vue.js 3. 建立一个名字为"ap ......
三十分钟理解：线性插值，双线性插值Bilinear Interpolation算法
https://blog.csdn.net/xbinworld/article/details/65660665 ......
vue 设置 菜单Item 背景色
<a-menu-item @click = "selectItem" :class = 'child.id==selected? "selected":""' v-for="(child) in item.children" :key="child.id" > data () { return { ......
代码随想录算法训练营Day49 动态规划
#代码随想录算法训练营 代码随想录算法训练营Day49 动态规划| 121. 买卖股票的最佳时机 122.买卖股票的最佳时机II 121. 买卖股票的最佳时机 题目链接： 121. 买卖股票的最佳时机 给定一个数组 prices ，它的第 i 个元素 prices[i] 表示一支给定股票第 i 天的 ......
在Vue项目中为何要重写push和replace
0.前言 为啥要重写push和replace，主要是你不写他会报错啊，为啥会报错呢，主要是因为函数式路由push方法返回的是一个promise对象，我们知道promise对象是有成功回调和失败回调的，但是我们并没有传入相应的回调就会出错。所以需要进行重写 1.重写$router.push 首先把原本 ......
Vue2 快速上手
1.声明式渲染 通过{{}}将数据渲染到页面： <body> <div id="app"> {{ message }} </div> </body> <script> var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' } }) ......
算法学习
算法 排序 选择 找到最小的index，然后再交换 冒泡 一直在换位置 冒泡从小到大， 但是不断的找最大的，像爬山 最大的在上面 气泡也是 最大的在上面 因为他没有控制尾部，所以并不知道尾部是不是有序的。所以只有挨着遍历 插入 插入可以到达 O(N) 因为如果一旦满足最大情况 ，就不进行比较了，进入 ......
关于 Vue 列表渲染 key 绑定 index 的性能问题
今天在学习 React 文档，列表渲染一节中提及到一个关于 key 绑定索引值（index）性能的问题： React 官方文档原文：“如果列表项目的顺序可能会变化，我们不建议使用索引来用作 key 值，因为这样做会导致性能变差，还可能引起组件状态的问题”。 查阅网上的博客，确实有对 Vue 列表渲染 ......
Vue 跑马灯效果
vue简单的跑马灯效果，直接封装的组件，引入就能用。 <template> <div class="block"> <h3 class="h3_title"> 特别提醒 </h3> <p class="words" ref="words" :text="content" > {{content}} ......
【编程算法】【寻路】【A*优化 - 束搜索】
束搜索的好处，就在于，他可以通过剪枝减少搜索的节点，减少时间和空间的消耗但是劣势就是不一定得到最佳路径，如果把他的光束收缩到最小，就是贪心算法 1. 在存储有限的情况下进行类似的宽度优先的图搜索算法 2. 在搜索空间很大的情况下对图搜索进行存储限制的重要性 ......
【编程算法】【寻路】【A*优化 - 迭代加深A*（IDA*）】
限定下限的深度优先搜索 由于不再采用动态规划的方法，节省内存 最大的优点：找到最短路径情况下，需要最小内存 但是是时间换空间，不会记得走过一条路 IDA-Star(IDA*) Algorithm in general « Insight into programming algorithms (wo ......
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 和 ......
前端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- ......
react的diff算法
diff策略 React用 三大策略 将O(n^3)复杂度 转化为 O(n)复杂度 策略一（tree diff）： Web UI中DOM节点跨层级的移动操作特别少，可以忽略不计。 策略二（component diff）： 拥有相同类的两个组件 生成相似的树形结构， 拥有不同类的两个组件 生成不同的树 ......
new一个vue对象开始，vue内部发生了什么
new Vue({ el: '#app', router, store, components: { App }, template: '<App/>' }) vue构造类里面init函数 初始化生命周期，事件，render 调用 beforeCreate 钩子函数 初始化 props、method ......
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 ......
使用vue实现一个点击复制的功能
<script src="https://cdn.jsdelivr.net/npm/vue"></script> <div id="app"> <button @click="copyText">复制</button> <input type="text" v-model="textToCopy" ......
算法笔记
算法笔记 10个数据结构：数组、链表、栈、队列、散列表、二叉树、堆、跳表、图、Trie 树； 10个算法：递归、排序、二分查找、搜索、哈希算法、贪心算法、分治算法、回溯算法、动态规划、字符串匹配算法 股票问题系列通解（转载翻译） - 力扣（LeetCode） 数据结构和容器 基本类型： int,lo ......
vue-router原理剖析
vue-router原理 单页面核心之一是： 1、更新视图而不重新请求页面。 2、vue-router在实现单页面前端路由时，提供了：hash,history hash: 兼容所有浏览器，hash的值为#/*内容， hash的改变会触发hashchange事件， history: pushState ......
vue+element-ui+springboot使用easyExcel导出和导入Excel表格以及LocalDateTime时间类型转换问题
以下内容仅供学习使用 正文： hutool官网：https://hutool.cn/docs/#/ easyExcel官网: https://easyexcel.opensource.alibaba.com/ 一、导出Excel表格 1. 首先引入pom.xml依赖 <dependency> <gr ......