首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏前端到底怎么学好来

    标签通信的8种方式(下)

    引言--跨标签通信是指在浏览器中的不同标签之间进行数据传递和通信的过程。在传统的Web开发中,每个标签都是相互独立的,无法直接共享数据。 然而,有时候我们需要在不同的标签之间进行数据共享或者实现一些协同操作,这就需要使用跨标签通信来实现。 8种方式(上)本文介绍后面4种Shared WorkerShared Worker 是一种在多个浏览器标签之间共享的 JavaScript 线程。 IndexedDB 是浏览器提供的一种本地数据库,可以用于在多个标签之间共享数据。可以使用 setInterval 定时轮询 IndexedDB 来实现跨标签通信。 以上示例提供了一个基本的框架来演示如何使用 Cookie 实现跨标签通信。在实际应用中,您可能需要更复杂的逻辑来处理跨标签通信,并确保数据同步和一致性。

    83210编辑于 2023-11-16
  • 来自专栏前端到底怎么学好来

    标签通信的8种方式(上)

    引言--跨标签通信是指在浏览器中的不同标签之间进行数据传递和通信的过程。在传统的Web开发中,每个标签都是相互独立的,无法直接共享数据。 然而,有时候我们需要在不同的标签之间进行数据共享或者实现一些协同操作,这就需要使用跨标签通信来实现。 8种方式(下)BroadCast ChannelBroadcast Channel API 可以实现同源下浏览器不同窗口,Tab ,frame 或者 iframe 下的(通常是同一个网站下不同的页面) 通过创建一个广播频道,并在不同的标签中监听该频道,可以实现跨标签通信。 当一个标签修改LocalStorage的值时,其他标签可以通过监听storage事件来获取最新值。

    1.5K30编辑于 2023-11-16
  • 来自专栏爱游博客

    美化神器chrome新标签—Infinity新标签

    Chrome商店有很多新标签插件,有新奇的,有很简单的就一张壁纸,还有难看的。但是没有一款很实用,设计又很简洁的新标签,于是Infinity新标签就孕育而生:一个简洁美观而且很实用的新标签。 Infinity新标签的简介 Infinity 新标签插件是一款可以把chrome默认新标签换成一个美观实用的infinity新标签,不仅有简洁美观的页面,还有快速拨号,邮件提醒,天气预报,笔记功能 ,待办事项,壁纸,历史记录管理等谷歌浏览器插件。 Infinity新标签的使用方法 1.在谷歌浏览器中安装infinity新标签插件,并在chrome的扩展管理器中启动新标签,infinity新标签的下载地址可以在本文的下方找到。 Infinity新编签的注意事项 1.如果用户想要转换成原始的新标签,可以在chrome扩展管理中禁用或者删除Infinity新标签

    3.3K50发布于 2019-08-08
  • 来自专栏快乐阿超

    标签打开

    直接当前外层页面打开 如果是在iframe里,无视iframe直接当前顶层页面打开 几种a标签的打开方式

    2.3K10编辑于 2022-08-16
  • 来自专栏QB杂货铺

    guake终端复制标签

    但用一个东西,就难免会有不爽的地方,比如每次想复制一个标签,就要3步,1 新建标签, 2 切换到之前的路径, 3 改标签名 对于懒人来说,还是想懒一点的。 看配置项,其中有个“在当前目录打开新标签”,但是勾上之后,所有新标签都是复制当前目录了,又觉得不够灵活。然后就发现,这个东西是支持命令行参数的。具体参数请参考最后。 其中就有新建,重命名。 那我就可以写个bash脚本,取得当前路径,新建一个标签,cd切换路径,重命名标签。 这个时候问题来了,原本的参数中,居然只有设置名字,没有取得标签名字的,尴尬。 返回选中标签的序号 -l, --selected-tablabel 返回选中标签的名字 -e COMMAND, --execute-command 设置选中标签的背景图片 --bgcolor=BGCOLOR 设置选中标签的背景颜色,格式为(#rrggbb) --fgcolor=

    1.1K20发布于 2019-12-27
  • 来自专栏MasiMaro 的技术博文

    标签快捷键

    键和 localleader键 vim.g.mapleader = " " vim.g.maplocalleader = " " 下面我们按照 《vim从嫌弃到依赖》这系列文章中介绍的顺序来配置快捷键 标签快捷键 由于我自身很少用 标签的功能,而且vim中自带的命令已经够高效的了,所以这里我基本没怎么定义快捷键 -- 配置tabline快捷键,主要以 t开头代表 t -- 关闭当前标签 vim.api.nvim_set_keymap ("n", "tc", ":tabclose<cr>", {noremap = true, silent = true}) -- 关闭所有标签,仅保留当前标签 vim.api.nvim_set_keymap vim.api.nvim_set_keymap("n", "<leader>ss", "source $MYVIMRC<CR>", {noremap = true, silent = true}) 本篇到这里就结束了,下一篇我们将要来介绍插件管理的相关内容

    1.1K30编辑于 2022-09-21
  • Edge 的“睡眠标签

    睡眠标签 打开 Edge 的时候发现左上角一个弹窗显示说什么现在超过2小时未使用的标签会进入“睡眠状态”以节省系统资源(内存),当时看到就觉得这个挺有意思的,这个新功能支持休眠时间与站点是否休眠设置 url 栏输入 edge://settings/system 即可进入设置页面 衍生问题 自从 edge 使用 chrome 的 chromium 内核之后就主用 edge 了,因为 chrome 多开标签的时候的确有点占内存了

    63210编辑于 2024-03-12
  • Bootstrap 标签(Tab)插件

    标签(Tab)在 Bootstrap 导航元素 一章中介绍过。通过结合一些 data 属性,您可以轻松地创建一个标签界面。 通过这个插件您可以把内容放置在标签或者是胶囊式标签甚至是下拉菜单标签中。 如果您想要单独引用该插件的功能,那么您需要引用 tab.js。 事件 描述 实例 show.bs.tab 该事件在标签显示时触发,但是必须在新标签被显示之前。 前一个激活的标签 }) shown.bs.tab 该事件在标签显示时触发,但是必须在某个标签已经显示之后。 前一个激活的标签 }) 实例 下面的实例演示了标签(Tab)插件事件的用法。

    22310编辑于 2025-12-17
  • 来自专栏Web前端

    React 标签组件 Tab

    标签(Tab)组件是现代Web应用程序中常见的UI元素,用于在有限的空间内展示多个内容面板。React 提供了强大的工具来创建和管理这些交互式组件。 本文将深入探讨如何在React中实现一个功能完善的标签组件,并介绍常见问题、易错点及解决方案。 一、标签组件的基本概念标签组件通常由两部分组成:标签栏(Tab Bar)和内容面板(Content Panels)。用户可以通过点击不同的标签来切换显示的内容。 (一)基本结构标签栏:包含多个标签项,每个标签项对应一个内容面板。内容面板:根据当前选中的标签项动态显示相应的内容。(二)状态管理为了实现标签之间的切换,我们需要维护一个状态变量来跟踪当前选中的标签。 这可以通过React的状态管理机制(如useState)轻松实现。二、实现一个简单的标签组件让我们从一个简单的例子开始,逐步构建一个完整的标签组件。

    2.8K10编辑于 2024-12-26
  • 来自专栏编程微刊

    浏览器跨标签通信的8种常见的方式

    一:什么是浏览器跨标签通信? 浏览器跨标签通信是指在同一个浏览器窗口中的多个标签之间进行数据交流和信息传递的过程。 二:浏览器跨标签通信主要用在哪些需求里面 浏览器跨标签通信主要用于以下几种需求: 1:数据共享:当多个标签需要访问和共享相同的数据时,跨标签通信可以用于在这些标签之间传递数据,确保它们保持同步 3:消息通知:跨标签通信可以用于实现在一个标签中发送消息,然后其他标签接收并展示这些消息的功能。 4:共享资源:在某些场景下,可能需要在多个标签之间共享某些资源,如网络连接、音频/视频播放器等。 5:多窗口管理:对于一些具有多个窗口的应用,跨标签通信可以用于实现窗口之间的联动和数据同步。 db.createObjectStore('messages', { keyPath: 'id', autoIncrement: true }); console.log('数据库版本已更新'); }; 8

    6.1K20编辑于 2023-09-24
  • 来自专栏攻城狮与产品喵

    【DEDE标签】dede首页列表文章调用标签

    DEDE织梦cms常用的参数标签汇总、以及操作过程中的一些bug问题解决方法,dede网站二开,以下龙腾飞网络科技-小吴在建站实操中笔记记录,织梦dede建站教程保存使用非常方便: 【DEDE建站教程】 dede首页列表文章调用标签 代码内容: {dede:arclist flag='h' typeid='' row='' col='' titlelen='' infolen='' imgwidth

    1.3K00编辑于 2025-03-13
  • 来自专栏Base_CDNKevin

    标签管理

    这是 Git 入门系列的最后一篇文章,恭喜~ 我们来学习 Git 的最后一个基础概念:标签管理。 删除本地标签:git tag -d 如果你打错了标签,或者某个标签不再需要,可以轻松地删除本地标签。 总结标签管理 标签(Tag) 是指向某个特定 Commit 的固定指针,用于标记项目历史中的重要节点。 git tag [名称]:为最新提交打标签。 熟练使用标签,可以让你的项目历史更加清晰和易于管理。 到此为止,我们已经学习了 Git 的大部分核心概念和常用操作。 从入门安装到本地仓库管理,从分支和合并到远程协作,再到忽略文件和标签管理,你已经具备了使用 Git 进行日常开发的扎实基础。

    59420编辑于 2025-06-12
  • 来自专栏SmartSi

    Spark UI 之 Streaming 标签

    我们已经更新了 Spark UI 中的 Streaming 标签来显示以下信息: 时间轴视图和事件率统计,调度延迟统计以及以往的批处理时间统计 每个批次中所有JOB的详细信息 此外,为了理解在 Streaming Streaming标签中新的UI能够让你很容易的看到目前的值和之前1000个批次的趋势情况。 当你在运行一个 Streaming 应用程序的时候,如果你去访问 Spark UI 中的 Streaming 标签,你将会看到类似下面图一的一些东西(红色的字母,例如[A],是我们的注释,并不是UI的一部分 这一再向下(在图1中标记为 [D] ),处理时间(Processing Time)的时间轴显示,这些批次大约在平均20毫秒内被处理完成,和批处理间隔(在本例中是1s)相比花费的处理时间更少,意味着调度延迟

    1.1K20发布于 2019-08-07
  • 来自专栏达达前端

    小程序标签切换效果

    小程序标签切换效果 效果: image.png 效果 .wxml <view class='topTabSwiper'> <view class='tab {{currentData == 0

    2.7K30发布于 2019-07-04
  • 来自专栏跟Qt君学编程

    Qt官方示例-QML标签

    ❝TabWidget示例演示了如何使用属性别名和QML Object默认属性创建标签

    1.8K40编辑于 2023-03-17
  • 来自专栏老蒋专栏

    ZBLOG标签调用的常见用法 - 随机标签、最新标签、首字母标签聚合

    我们一般在使用ZBLOG或者WordPress程序的时候,侧栏会调用常规的TAG标签调用。 比如我们的ZBLOG标签调用可能是按照系统的特定的规则调用的,如果我们需要指定的格式或者调用排序方式需要我们自己设定代码。今天老蒋把我们常用的ZBLOG标签调用用法整理出来。 4、调用单独的标签云页面 我们可以看到有些网站将TAG标签聚合的一个页面进行首字母分类,ZBLOG首字母标签聚合可以用到插件。 插件:https://app.zblogcn.com/? 以上是我们可能常用到的ZBLOG标签调用使用方法。比如我们还可以看到有可以将ZBLOG多彩标签的设置,这个后面我们看看有没有合适的方法整理出来。 本文出处:老蒋部落 » ZBLOG标签调用的常见用法 - 随机标签、最新标签、首字母标签聚合 | 欢迎分享

    1.9K40编辑于 2021-12-27
  • 来自专栏故久

    EasyUI 动态添加标签(Tabs)

    我们使用 'exists' 方法来判断 tab 是否已经存在,如果已存在则激活 tab。如果不存在则调用 'add' 方法来添加一个新的 tab 面板

    1.8K20发布于 2019-09-29
  • 来自专栏玩转JavaEE

    Git标签管理

    我们可以针对某一次的提交打上一个标签,有点类似于给某次提交取个别名,比如1.0版本发布时打个标签叫v1.0,2.0版本发布时打个标签叫v2.0,因为每次版本提交的结果都是一连串的哈希码,不容易记忆,打上 v1.0,v2.0这些具有某种含义的标签后,可以方便我们进行版本管理。 含附注的标签 而含附注标签,实际上是存储在仓库中的一个独立对象,它有自身的校验和信息,包含着标签的名字,电子邮件地址和日期,以及标签说明,标签本身也允许使用 GNU Privacy Guard (GPG 如果不加最后的版本号参数,表示给最新的一次commit打标签。 签署标签 说到签署标签我们得先介绍一下GPG: GPG是加密软件,可以使用GPG生成的公钥在网上安全的传播你的文件、代码。 Ok,Git标签管理我们先说这么多。有问题欢迎留言讨论。 参考资料: 1.《GitHub入门与实践》 2.《Pro Git》

    98970发布于 2018-04-02
  • 来自专栏Excel催化剂

    标签管理」使用标签管理有道云笔记资料

    因着大家对文件标签化比较高难道,需要熟悉一个标签工具软件,所以今天暂时来介绍个简单一些的网络资料的标签管理,使用有道云笔记作为落地工具,同理在OneNote、印象笔记上原理类似。 左侧的标签栏,点击后可以筛选当前标签下文章 文章添加标签好多步骤,很不友好 独立自我创建一套标签文本 因我们的理念是标签是我们整个电子资料(文件、文章、笔记等)等的整体,不是每个产品、工具都从头繁琐地做一遍标签 将我们看过的内容都放到有道云中存储起来 同样地,现在是搜索的时代,我们无需在意数据量太大,硬盘是足够的,网盘也是足够的,像有道云,免费版都给我们8G,保存文本网页,足够了。 结语 标签管理,笔者也只是初学者,还在练习中,本文分享的一点点小技巧,也实在是自己领悟到的,比网络上的知离破碎的技巧更系统,特别是结合Excel插件作标签管理后,所有文件、资料、笔记等都用同一套标签系统 并且Excel上管理标签系统,灵活度最高,可以分类,可以轻松添加、删除、修改等。欢迎继续关注后续更为精华文件的标签管理

    4.2K20发布于 2021-08-19
  • 来自专栏iSharkFly

    Docker 文档编译 - 创建标签(Tab)

    为了在页面中使用标签,例如测试页面中的标签:https://docker.ossez.com/test/ 这个需要使用 HTML 文件。 标签使用的是 Bootstrap CSS/JS,因此请参考相关的文档来获得有关标签使用的更多有关内容和信息。 针对标准的水平标签,你可以拷贝和粘贴下面的表单内容,在上面的表单内容中关键的地方在 href="#id" 和 id="id"。 这个需要和你的标签配置进行对应。以便于添加和删除标签。 in active">TAB 1 CONTENT

    TAB 2 CONTENT
    有关更多标签的内容 如果上图显示的标签。 https://www.ossez.com/t/docker-tab/725

1.8K00发布于 2020-11-22
领券