首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Infinity New Tab:重新定义你Chrome标签

    Infinity new tab 是一款实用又清新 Chrome(谷歌浏览器)标签功能扩展,可以完美替代默认标签。受插件作者邀请,我特意安装体验了一把 ,还是很不错!...二.待办事项 这个功能,是记录你要办事,和已经完成事,对于经常上网的人来说,可能有时候逛网站就忘了一些事,这个时候用这个功能还是很好,而且他是在标签内部从右边划出来,可以看到要做和已经完成了事...这个插件标签中有个 Gmail 图标,第一次打开时候,登陆你 Gmail 邮箱,以后收到邮件时候,就会在图标右上角显示出未读邮件数。这个功能还是很方便。如图: ?...五.便捷收藏 当你浏览其他网页时候,突然想把这个网站添加到标签中,这个时候你就可以用快速添加到标签功能了,首先 Chrome 浏览地址栏中你可以看到扩展图标,然后点击它,就会出现添加小界面...,点击添加,就会添加到标签中。

    2.1K120

    echarts图表在Tab中width: 100%失效导致第一个Tab之后Tab图表不能正常显示问题

    解决Tab切换echarts图表不能正常显示问题: // 绘图div父容器宽度 let w = $('.figure').width(); $('#fig-t').css('width...', w); // 获取父容器宽度直接赋值给图表以达到宽度100%效果 $('#fig-f').css('width', w); // 获取父容器宽度直接赋值给图表以达到宽度100%效果...; fig_e = echarts.init(document.getElementById('fig-e'), 'white', {renderer: 'canvas'}); 上面只是解决了Tab...切换导致图表显示问题, 由于是在图表初始化时候设置了容器宽度,图表并不能随窗口缩放自适应,下面是解决方法: window.onresize = function () { // 绘图div...// 获取父容器宽度直接赋值给图表以达到宽度100%效果 if ((typeof fig_t) !

    2.3K20

    后台tab接入微应用问题

    记录在旧后台系统中嵌入微应用时,遇到关于 tab 标签及组件缓存问题 页面结构 ? ? 这里主要功能都将通过 main.vue 组件渲染到右侧容器中, 左侧为主菜单。...每一子被激活后,将新增tab标签。tab 标签之间切换将不更新组件内容。 原来组件渲染结构 ? 这里iframe未被使用,所以关注点在两个路由渲染入口, 1. tab内容入口 2....这里将 keep-alive 和 router-view 嵌套在 tab中,将生成多组渲染出口. 如果只是从单纯渲染角度,单一出口既可以满足。...但单一出口问题在于, keep-alive 对于组件缓存处理。 实际测试会发现,单一出口时,路由切换, tab标签关闭后新增,都将维持组件状态。...这里子应用作为微应用时将设置统一路由前缀,类似主应用嵌套路由组件 总结 对于这类tab标签引入微应用情况, 主要问题是: 主次应用路由嵌套关系 子应用指定渲染容器 子应用生命周期控制

    1.1K41

    React技巧之处理tab关闭事件

    React中,处理浏览器tab关闭事件: 使用useEffect钩子添加事件监听器。...在即将卸载tab时,会触发beforeunload事件。...我们为useEffect钩子传递一个空依赖数组,所以只会当组件挂载时运行。 beforeunload 当窗口或者tab即将被卸载时,beforeunload事件会被触发。...这时,页面仍然是可见,事件仍然是可以取消。 这使我们能够打开一个对话框,询问用户是否真的想离开该页面。 用户可以确认并导航到页面,或者取消导航。需要注意是,并不确定事件会被触发。...总结 我们介绍了如何处理tab关闭事件,主要是通过beforeunload事件进行监听,并在回调事件里做相应逻辑处理。需要注意是,需要在组件卸载时,取消对事件监听,防止内存泄漏情况发生。

    1.9K30

    美化神器chrome标签—Infinity标签

    Infinity标签开发背景 Chrome标签是指在打开谷歌浏览器时候,如果没有设置主页而显示默认界面,或者用户点击Chrome标签按钮产生一个浏览器初始界面,在该界面中用户可以重新打开一个网址或者操作一些...Chrome应用,如果没有安装任何Chrome插件的话,该页面显示就是Chrome提供默认标签,当然用户也可以选择在Chrome商店中搜索一款更加实用标签插件来获得更加实用、个性化标签...Chrome商店有很多标签插件,有新奇,有很简单就一张壁纸,还有难看。但是没有一款很实用,设计又很简洁标签,于是Infinity标签就孕育而生:一个简洁美观而且很实用标签。...Infinity标签简介 Infinity 标签插件是一款可以把chrome默认标签换成一个美观实用infinity标签,不仅有简洁美观页面,还有快速拨号,邮件提醒,天气预报,笔记功能...Infinity标签使用方法 1.在谷歌浏览器中安装infinity标签插件,并在chrome扩展管理器中启动标签,infinity标签下载地址可以在本文下方找到。

    2.1K50

    跨浏览器tab通信解决方案尝试

    目标 当前页面需要与当前浏览器已打开某个tab通信,完成某些交互。其中,与当前页面待通信tab可以是与当前页面同域(相同协议、域名和端口),也可以是跨域。...tab通信,兼容性 通过caniuse网站查询storage事件发现,IE浏览器支持非常不友好,caniuse使用了“completely wrong”形容词来表述这一程度。...这种情况才是最急需解决问题,如何实现两个没有任何关系tab页面通信,这需要一些技巧,而且需要有同时修改这两个tab页面的权限,否则根本不可能实现这两个tab能力。...为此,我想到了iframe,通过在这两个tab嵌入同一个iframe实现“桥接”,最终完成通信: tab A -----> iframe A[bridge.html]...A和tab B中引入“桥接”功能iframe[bridge.html]页面,实现了两个无关tab双向通信,这种实现技巧性较强。

    2.2K40

    tab标签切换时Echarts加载不正常问题

    切换tab选项卡时Echarts加载不正常问题 一、问题描述 二、解决方案: 三、拓展 一、问题描述 我有两个选项卡,一个用来显示Echarts图表,一个用来显示Echarts图表数据源...但是我切换到数据源选项卡后再改变浏览器窗口大小时,这是再切换回echarts图表选项卡就会出现: 可以看到,图形渲染失败了 二、解决方案: var charts=[]; var...$('a[data-toggle="tab"]').on('shown.bs.tab', function(e) { var activeTab = $(e.target)[ 0 ].hash...[i].resize(); //适应div大小 } } }); //data-toggle="pill还是data-toggle="tab" 根据前面所用标签不同来选择...就是再次切换回图表选项卡时候,调用restore()方法,将图表数据还原即可,那个tab-1是我图表选项卡中tab标签id。

    2.1K20
    领券