算法differ vue
vue3中在setup方法中使用 provide，inject，组件上下层，直接传值和方法
一个简简单单的案例 app.vue <template> <div> app <Second/> </div> </template> <script> import { provide } from 'vue'; import Second from './components/Second.vu ......
vue3获取url参数的值
<script setup name="Welcome"> import { onMounted } from 'vue'; import { useRouter } from 'vue-router'; const $router = useRouter(); onMounted(() => { ......
Vue3 脚手架
1. 使用vue-cli创建脚手架 PowerShell vue create vue3_test # 创建vue3工程，vue-cli版本必须在4.5.13以上 PowerShell npm run serve # 运行工程 2. 使用vite创建脚手架 方式一： PowerShell npm i ......
对于Vue3和Ts的心得和思考
Vue3已经正式发布了一段时间了，各种生态已经成熟。最近使用taro+vue3重构冷链的小程序，经过了一段时间的开发和使用，有了一些自己的思考。 ......
vue动态绑定内联样式（v-bind:style）
一、对象语法 <div :style="{ color: activeColor, fontSize: fontSize + 'px' }"></div> data() { return { activeColor: 'red', fontSize: 30 } } <div :style="styl ......
Vue中获取method方法return返回值--常用于请求成功后回调
mounted: () { this.getList('', (data) => { console.log(data); }) } methods: { getList (condition) { get_list({...condition}).then(res => { if (res.dat ......
Vue2模版编译（AST、Optimize 、Render）
在Vue $mount过程中，我们需要把模版编译成render函数，整体实现可以分为三部分： parse、optimize、codegen。 ......
如何给vue的href添加拼接参数
原来一直使用angular,而vue的用法和angualr相似，故我默认以为vue的href添加拼接参数的写法为： <a href="/list/editor?name={{item.title}}">链接</a> 然测试发现这是不可行的，需要用以下方法： <a :href="'/list/edit ......
基于matlab的自适应PSO优化算法仿真
1.算法描述 粒子群优化算法（PSO），粒子群中的每一个粒子都代表一个问题的可能解， 通过粒子个体的简单行为，群体内的信息交互实现问题求解的智能性。 在求解TSP这种整数规划问题的时候, PSO显然与ACO不同, PSO需要对算法本身进行一定的修改, 毕竟PSO刚开始是应用在求解连续优化问题上的. ......
Mysql索引底层数据结构与算法、Explain
为什么建议InnoDB表必须建主键?并且推荐使用整型的自增主键？ 如果不由我们人工去创建主键，mysql也会帮我们去建立主键，没有必要把这么简单地工作交给Mysql。整型比较比UUID比较要快，而且更加节省空间。 设置自增有一个考虑就是在插入元素数据的时候由于需要维护一颗B+树，这颗树根据主键排序的 ......
十大排序算法
冒泡排序 从序列的一端开始往另一端冒泡，依次比较相邻的两个数的大小。代码实现如下 void sort(vector<int>& vec) { for (int i = 0; i < vec.size() - 1; ++i) { for (int j = 0; j < vec.size() - i - ......
分布式技术原理与算法解析 02 - 分布式计算
分布式计算模式之MR MapReduce就是将复杂的、难以直接解决的大问题，分割为规模较小的、可直接解决的小问题。这些子问题相互独立且和原问题形式相同，可递归地求解，然后将子问题的答案合并。核心步骤为 1.分解原问题 2.求解子问题 3.合并解 工作原理 Map对应分，Reduce对应合。主要包括3 ......
vue 组件通信
1. 子组件间通信(defineEmits + defineProps) 1.1 实现效果 在一个子组件的输入框中输入数据, 在另一个子组件上显示. 如下图: 1.2 defineEmits 和 defineProps 的 TS 使用 1.2.1 defineEmits 的 TS 使用 export ......
vue3 + vite 调试时断点位置错误
vite-plugin-vue-setup-extend（版本0.4.0） 插件的问题，删掉就好了。 该插件用于解决script setup语法糖下，不方便直接指定name名称的问题。 在 vite/plugins/index.js 文件中 注释 export default function cr ......
vue全家桶进阶之路6：第一个Vue程序
1、创建一个文件夹用于下载引入Vue D:\BaiduSyncdisk\vue1 2、按照最新版本的Vue npm install vue ......
遗传算法分析
1. 遗传算法概述 1. 1. 1. 2. 2.遗传算法的原理 2. 1. 2. 2. 3. 遗传算法的改进方向 3. 1. 3. 2. 4. 遗传算法的工具箱 4. 1. 4. 2. 5. 遗传算法解决最优化问题 ......
器学习算法（六）基于天气数据集的XGBoost分类预测
1.机器学习算法（六）基于天气数据集的XGBoost分类预测 1.1 XGBoost的介绍与应用 XGBoost是2016年由华盛顿大学陈天奇老师带领开发的一个可扩展机器学习系统。严格意义上讲XGBoost并不是一种模型，而是一个可供用户轻松解决分类、回归或排序问题的软件包。它内部实现了梯度提升树( ......
Vue核心 MVVM模型 数据代理
1.6. MVVM 模型 MVVM模型●M：模型 Model，data中的数据●V：视图 View，模板代码●VM：视图模型 ViewModel，Vue实例观察发现●data中所有的属性，最后都出现在了vm身上●vm身上所有的属性 及Vue原型身上所有的属性，在 Vue模板中都可以直接使用 <!DO ......
Vue核心 模板语法 数据绑定
1.3. 模板语法Vue模板语法包括两大类1插值语法功能：用于解析标签体内容写法：{{xxx}}，xxx 是 js 表达式，可以直接读取到 data 中的所有区域2指令语法功能：用于解析标签（包括：标签属性、标签体内容、绑定事件…）举例：<a v-bind:href="xxx">或简写为<a :hr ......
Vue核心 el与data的两种写法
1.5. el 与 data 的两种写法el有2种写法a创建Vue实例对象的时候配置el属性b先创建Vue实例，随后再通过vm.$mount('#root')指定el的值data有2种写法a对象式：data： { }b函数式：data() { return { } }如何选择：目前哪种写法都可以，以 ......
Vue核心 Vue简介 初识
1.1. Vue 简介 1.1.1. 官网● 英文官网● 中文官网 1.1.2. 介绍与描述●Vue 是一套用来动态构建用户界面的渐进式JavaScript框架○构建用户界面：把数据通过某种办法变成用户界面○渐进式：Vue可以自底向上逐层的应用，简单应用只需要一个轻量小巧的核心库，复杂应用可以引入各 ......
算法题——最短距离
题目 {{uploading-image-50077.png(uploading...)}} 代码 #include<iostream> #include<cstdio> #include<algorithm> #include<cstring> #include<queue> using name ......
自定义 v-model 解决 Vue prop 只读属性，不可修改的问题
所有的 props 都遵循着单向绑定原则，props 因父组件的更新而变化，自然地将新的状态向下流往子组件，而不会逆向传递。这避免了子组件意外修改父组件的状态的情况，不然应用的数据流将很容易变得混乱而难以理解。 使用 emits 自定义事件以参数方式在父组件更新； 使用 emits 自定义 v-mo ......
递归问题——算法复习随笔
递归思维通常会用到函数的调用栈，每次调用函数都会将参数和局部变量压入栈中，直到问题被分解成一个最小规模的子问题，然后逐步返回结果，将每个子问题的结果组合起来得到最终结果。 ......
Vue3的fetch和Axios
Vue3的fetch和Axios都是用于发送HTTP请求的JavaScript库，但是它们之间有以下几个区别：语法不同：fetch是浏览器原生的API，使用起来比较简单，而Axios是一个第三方库，需要通过npm安装后引入才能使用。功能不同：Axios提供了丰富的API来处理HTTP请求和响应，包括 ......
算法学习笔记(20): AC自动机
AC自动机 前置知识： 字典树：可以参考我的另一篇文章 算法学习笔记(15): Trie（字典树） ~~KMP~~：可以参考 KMP - Ricky2007，但是不理解KMP算法并不会对这个算法的理解产生影响。 使用场景 AC自动机是一种著名的多模式匹配算法。 可以完成类似于KMP算法的工作，但是由 ......
【ACM算法竞赛日常训练】DAY3题解与分析【旅游】【tokitsukaze and Soldier】
DAY3共2题： 旅游 tokitsukaze and Soldier 🎈 作者：Eriktse 🎈 简介：19岁，211计算机在读，现役ACM银牌选手🏆力争以通俗易懂的方式讲解算法！❤️欢迎关注我，一起交流C++/Python算法。（优质好文持续更新中……）🚀 🎈 原文链接（阅读原文获得 ......
算法API--Arrays
二分查找方法的细节1：数组中的元素必须是有序的，并且是升序的 二分查找方法的细节2： 拷贝数组的方法细节： sort按照指定规则排序的底层原理：这里需要二分查找和插入排序，匿名内部类的知识 代码实现： import java.util.Arrays;import java.util.Comparat ......