大家好，我是神曦！一名前端小学生。小神喜在开发过程中经常会用到隐藏，经常有用户要求我们显示或者不显示；但是前端实现隐藏的方式有那么多种，到底应该选择哪一种呢？答案当然是....全部！只有儿童纸才能做出选择。哈哈，我们真好，“完整”。隐藏方法隐藏元素可以通过以下方式完成：1.HTML元素加上：hidden="hidden"。2.设置属性显示：无，或可见性：隐藏。但是请注意，这两种方法会产生不同的结果3.在JS中隐藏element.hide()；showelement.show()4.v-if/v-show;(Vue中)wx:if/wx:show的解释(微信小程序中)隐藏方法hidden="hidden"隐藏字段占用的空间。html里面写的首页homepage可以通过删除语句hidden="hidden"来显示，CSS中的显示会覆盖hidden属性在html中显示:none显示不隐藏字段中的任何空间。隐藏元素不占用任何空间。也就是说，元素不仅被隐藏了，而且元素原本占据的空间也会从页面布局中消失。display有多种显示方式display:block//块级显示display:inline//行级显示不删除节点虽然在页面中消失了，但是通过js获取节点的方式还是会获取到；它只是在文档流中（以及在页面中）隐藏和消失。visibility:hiddenvisibility隐藏占用字段的空间。隐藏的元素仍然占据与隐藏之前相同的空间。换句话说，虽然元素被隐藏了，但它仍然影响布局。这就像将透明度设置为0，即使你看不到它，你也知道它就在那里。可见性的显示只有一种可见性：visible；节点没有被删除hide()show()JS中写的hide()element.hide()实际上是把CSS中的显示设置为无，效果与显示相同。v-if/wx:if,v-show/wx:show隐藏不占用字段的空间hidetrue,showfalsev-if
