2024-11-02在Vue3和TypeScript的项目里，当从A页面打开一个新的webview页面后，返回A页面时需要刷新数据。由于页面并未销毁，故无法依赖生命周期方法。作者采用监听DOM的visibilitychange事件来判断页面是否可见，当页面从隐藏变为可见时，调用接口刷新数据。

https://www.qianduange.cn//article/19811.html 分类：前端知识

2024-10-29CSS面试题涵盖了盒模型、选择器优先级、隐藏元素方法、单位差异、重绘与重排的概念、元素居中技巧及属性继承性等内容。盒模型包括标准模型（content-box）和IE模型（border-box）。选择器优先级依次为内联样式、!important、ID选择器等。隐藏元素常用display:none或visibility:hidden等方法。px是固定单位，rem是相对于根元素字体大小的单位。重绘仅涉及外观变化，重排则涉及尺寸或位置变化。元素居中可通过Flex、Grid布局或绝对定位实现。

https://www.qianduange.cn//article/19503.html 分类：前端知识

2024-09-30一般在html语言中设置显示与隐藏的常见的方法有两种，它们分别是display和visibility，下面就简略介绍一下两种隐藏方式的区别。_html5显示掩藏

https://www.qianduange.cn//article/18802.html 分类：前端知识

2024-09-14本文介绍了如何在H5页面中监听微信的左上角关闭按钮事件，针对Android和iOS设备的不同行为，使用visibilitychange和pagehide事件进行适配。在iOS设备上，由于xhr请求在页面关闭时可能失败，文章推荐使用navigator.sendBeacon方法来确保离页数据的异步发送。示例代码展示了具体的实现方式。

https://www.qianduange.cn//article/18318.html 分类：前端知识

2024-08-18简单的说，当用户最小化网页或移动到另一个标签时，API会发送 visibilitychange 有关该网页的可见性的事件。以前看到过一些网页，在标签切换到其它地址时，网页上的标题上会发生变化，一直不知道这个是怎么做的，最近查了一些资料才发现有一个 visibilitychange 事件就可以搞定，这里将介绍一下页面可见性（Page visibility）API的简单应用。hidden : 页面内容是对用户不可见。实际上，这意味着该文档是后台标签页或最小化窗口的一部分，或者系统锁屏是时的状态。_visibilitychange

https://www.qianduange.cn//article/16054.html 分类：前端知识

2024-08-18visibility：元素的可见性（注意：即使父元素设置为visibility: hidden，子元素依然可以通过设置visibility: visible来显示自己）。border：边框设置（包含border-width、border-style、border-color等）。display：元素的显示类型（例如block，inline，flex）。：用于定义元素获得焦点时（如通过tab键选中）的样式，常用于表单控件。：用于选中的单选按钮（radio）或复选框（checkbox）的样式。_css父级选择器

https://www.qianduange.cn//article/15911.html 分类：前端知识

2024-08-10本文利用HTML元素的position样式和visibility样式实现了一个提示工具（tooltip）示例，其中涉及到了元素的hover伪类，visibility样式和position样式等知识。_html tooltip

https://www.qianduange.cn//article/15131.html 分类：前端知识

2024-08-041.DisplayDisplay主要用于控制元素的布局方式，包括块级、行内、弹性布局和网格布局等。visibility主要用于控制元素的可见性，即元素是否在页面中可见，但不影响布局。display属性display属性用于定义元素应该生成的框的类型。常见的display属性值包括：none: 元素不会被渲染在页面上，且不占据空间。block: 元素被渲染为块级元素，占据一整行。inline: 元素被渲染为内联元素，不会独占一行，与其他内联元素在一行内显示。_css visibility

https://www.qianduange.cn//article/14749.html 分类：前端知识

2024-07-27主要分为基础和复合很好理解，基础和复合就是单个和多个选择的意思，下面我们列举主要使用的那些基础选择器：复合选择器：！important行内样式（1000）>ID选择器（100）>类选择器（10）>标签选择器（1）>通用选择器（0）display 显示隐藏 但是不保留位置visibility 显示隐藏 但是保留原来的位置overflow 溢出显示隐藏 但是只是对于溢出的部分处理。_css3前端面试

https://www.qianduange.cn//article/14349.html 分类：前端知识

2024-06-18visibilitychange操作方法_visibilitychange

https://www.qianduange.cn//article/12673.html 分类：前端知识