web技术
共 102 篇
wordpress标签说明,wp:post-featured-image
动态输出特色图像
自动显示在文章/页面编辑器中设置的「特色图像」（需在后台提前上传）。
如果未设置特色图像，则不会渲染任何内容。
wordpress标签说明,wp:site-title
这段代码 <!-- wp:site-title {"level":0} /--> 是 WordPress 块编辑器（Gutenberg） 的块标记，用于 动态显示网站标题，并通过参数控制其 HTML 标签层级。以下是详细解析：
wordpress标签说明,wp:term-description
这段代码 <!-- wp:term-description /--> 是 WordPress 块编辑器（Gutenberg） 的一个功能块，用于 自动显示当前分类法术语（Taxonomy Term）的描述内容。
wordpress标签说明,wp:query-title
<!-- wp:query-title {"type":"archive"} /--> 是一个 WordPress 块编辑器（Gutenberg） 的块标记，它的唯一作用是：自动显示当前存档页（Archive Page）的标题。
wordpress标签说明,wp:pattern
这是 WordPress 块编辑器的注释语法，表示这里要插入一个 区块模式（Block Pattern）。
区块模式是预定义的区块组合（比如页眉、页脚、CTA 等），可以在不同页面重复使用。
wordpress标签说明,wp:template-part
这是 WordPress 块编辑器的注释语法，用于声明一个块（Block）。
template-part 是块类型，表示这里要插入一个预定义的模板部分。
前端如何判断用户是否离开了当前页面？
有几种方法可以检测用户是否离开了当前页面：1. visibilitychange 事件2. pagehide 事件 3. unload 事件4. beforeunload 事件5. 监听鼠标离开窗口
JS 实现 div 自由拖拽
实现鼠标可以自由拖拽页面中的元素（比如div，图片等），首先为要拖动的元素设置 css 为绝对定位（或者使用transform，但使用绝对定位更常见），然后需要用到三个事件：mousedown, mousemove 和 mouseup。
在 Vue 中获取当前域名主机（协议+域名+端口）
在 Vue 中获取当前域名主机（协议+域名+端口）可通过多种方式实现，以下是具体方法及适用场景的总结：
一、使用 window.location 对象（通用方法）
