自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(3)
  • 收藏
  • 关注

原创 Vue中key的作用和原理

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、虚拟DOM中key的作用?二、对比规则1.旧虚拟DOM中找到了与新虚拟DOM相同的key:2.旧虚拟DOM中未找到与新虚拟DOM相同的key:3. 用index作为key可能引发的问题:三. 开发中如何选择key前言众所周知,Vue在面试中是非常重要的,同时,Vue中key的内部原理也是经常被问到的,这篇文章,我们就来聊聊。提示:以下是本篇文章正文内容,下面案例可供参考一、虚拟DOM中key的作用?key是虚

2021-11-07 16:15:03 336

原创 二级菜单的实现

二级菜单在日常生活中非常常见,它的实现效果是,用户鼠标进入对应导航块,二级菜单就会显现出来效果图:Html代码:在该部分,主要就是列表嵌套列表,给出了两个具有二级菜单的列表项(产品和发展历程),默认效果为隐藏。css代码:这个部分也只是简单设置了一些样式,可根据实际需求进行修改。jQuery代码:在这里我使用的技术还是jQuery,先找到含有二级菜单的元素,同时调用jQuery中的hover()方法,该方法中含有两个function函数,分别对应鼠标移入和鼠标移出,同时分别设定鼠标移入与移出时

2021-05-31 15:37:27 919

原创 tab选项卡的实现

这是我的第一篇博客,可能有很多不足之处,希望大家给予指正,我会再接再厉tab选项卡在生活中非常常见,它的实现原理也很简单,即选中一个选项,将显示该选项对应的内容。如图:Html代码:在html部分,首先设置一个容器,即tab选项卡的宽高;其次设置tab选项卡选项部分,即图中的前三个div;然后设置内容部分,默认设置第一个选项对应的内容可见,同时隐藏后两个内容。Css代码:在该css部分主要设置了一些样式,用于tab选项卡的美化。jQuery代码:在该部分,我没有用javascript,

2021-05-27 20:14:59 393 6

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除