前言在vue中使用v-for时需要，都会提示或要求使用 :key，有的的开发者会直接使用数组的index作为key的值，但不建议直接使用index作为key的值，有时我们面试时也会遇到面试官问：为什么不推荐使用index作为key？接下来和小颖一起来瞅瞅吧为什么要有key官网解释当Vue正在更新使用 v-for 渲染的元素列表时，它默认使用“就地更新”的策略。如果数据项的顺序被改变，Vue将不会移动DOM元素来匹配数据项的顺序，而是就地更新每个元素，并且确保它们在每个索引位置正确渲染。这个类似Vue1.x的 track-by="$index"。这个默认的模式是高效的，但是只适用于不依赖子组件状
目录盒子模型浮动布局（float）1.什么是浮动2.浮动的作用3.浮动有俩个特点4.浮动（float）格式5.浮动会造成父标签塌陷这是一个不好的现象因为会引起歧义6.解决父标签塌陷问题溢出属性（overflow）内容溢出的应用场景-头像设置定位静态static1.relative（相对定位）2.absolute（绝对定位）3.fixed（固定）优先展示文本内容脱离文档流(就是原来的位置是否保留)1.什么是脱离文档流？2.主要作用于的对象3.不脱离文档流4.脱离文档流z-index之模态框案例层叠顺序模拟z-index模态框静态页面小练习盒子模型margin：用于控制元素与元素之间的距离，它的最
目录盒子模型浮动布局（float）1.什么是浮动2.浮动的作用3.浮动有俩个特点4.浮动（float）格式5.浮动会造成父标签塌陷这是一个不好的现象因为会引起歧义6.解决父标签塌陷问题溢出属性（overflow）内容溢出的应用场景-头像设置定位静态static1.relative（相对定位）2.absolute（绝对定位）3.fixed（固定）优先展示文本内容脱离文档流(就是原来的位置是否保留)1.什么是脱离文档流？2.主要作用于的对象3.不脱离文档流4.脱离文档流z-index之模态框案例层叠顺序模拟z-index模态框静态页面小练习盒子模型margin：用于控制元素与元素之间的距离，它的最
之前了解过postgresql的Bitmapscan，只是粗略地了解到是通过标记数据页面来实现数据检索的，执行计划中的的Bitmapscan一些细节并不十分清楚。这里借助一个执行计划来分析bitmapscan以及indexonlyscan，以及两者的一些区别。这里有关于Bitmapscan的一些实现过程，https://dba.stackexchange.com/questions/119386/understanding-bitmap-heap-scan-and-bitmap-index-scan0.构建测试环境PG版本为11，如下测试脚本，构建一个简单的测试表createtablemy_t
之前了解过postgresql的Bitmapscan，只是粗略地了解到是通过标记数据页面来实现数据检索的，执行计划中的的Bitmapscan一些细节并不十分清楚。这里借助一个执行计划来分析bitmapscan以及indexonlyscan，以及两者的一些区别。这里有关于Bitmapscan的一些实现过程，https://dba.stackexchange.com/questions/119386/understanding-bitmap-heap-scan-and-bitmap-index-scan0.构建测试环境PG版本为11，如下测试脚本，构建一个简单的测试表createtablemy_t
今天在学习React文档，列表渲染一节中提及到一个关于key绑定索引值（index）性能的问题：React官方文档原文：“如果列表项目的顺序可能会变化，我们不建议使用索引来用作key值，因为这样做会导致性能变差，还可能引起组件状态的问题”。查阅网上的博客，确实有对Vue列表渲染key绑定索引值问题的探讨。Vue官方文档有说，但没有React文档说得大白话，所以有的人没有注意到这个点，Vue官方文档原文：“提供一个唯一的keyattribute”。通过两个案例，可以直观的感受到绑定index和绑定唯一标识符的区别。1️⃣绑定index的动态列表：{{item.name}}DeleteItem仔细
今天在学习React文档，列表渲染一节中提及到一个关于key绑定索引值（index）性能的问题：React官方文档原文：“如果列表项目的顺序可能会变化，我们不建议使用索引来用作key值，因为这样做会导致性能变差，还可能引起组件状态的问题”。查阅网上的博客，确实有对Vue列表渲染key绑定索引值问题的探讨。Vue官方文档有说，但没有React文档说得大白话，所以有的人没有注意到这个点，Vue官方文档原文：“提供一个唯一的keyattribute”。通过两个案例，可以直观的感受到绑定index和绑定唯一标识符的区别。1️⃣绑定index的动态列表：{{item.name}}DeleteItem仔细
sql语气查询去重的两种方法以下两种都可以进行去重查询，区别是：用distinct去重，只能查询到去重的属性那一列，无法查询其他字段用groupby分组查询，可以根据需求查询对应的其他字段，推荐用groupby第一种：使用distinct(关键词distinct用于返回唯一不同的值)selectdistinctuniversityfromuser_profile;第二种：使用groupby按照university进行分组selectuniversityfromuser_profilegroupbyuniversity;sql的模糊查询这道题主要考察的是模糊查询字段名like'匹配内容'_：下划
sql语气查询去重的两种方法以下两种都可以进行去重查询，区别是：用distinct去重，只能查询到去重的属性那一列，无法查询其他字段用groupby分组查询，可以根据需求查询对应的其他字段，推荐用groupby第一种：使用distinct(关键词distinct用于返回唯一不同的值)selectdistinctuniversityfromuser_profile;第二种：使用groupby按照university进行分组selectuniversityfromuser_profilegroupbyuniversity;sql的模糊查询这道题主要考察的是模糊查询字段名like'匹配内容'_：下划
设计模式是个老生常谈的话题,不同的人对此有不同的看法新手可能会觉得设计模式难以理解,并且也只与编程语言有关,或者只与前端后端有关,适用范围很窄或者就干脆觉得这玩意儿没啥卵用,写了那么一大坨只是让代码变得复杂难懂,不如直接复制黏贴删删改改来得方便老手可能会觉得设计模式就是yyds,写代码时不搞个什么模式就显得太low了不管写什么东西都要分离出接口和实现,搞一个战未来的模式,不如此无法体现出设计模式的"灵活性"也有人根本没听说过什么设计模式,但看了些例子之后表示,"就这?"......什么是设计模式设计模式(Designpattern)并不是什么创新性的发明,只是对一些解决方案的归纳就像在"氧气"
