草庐IT

navigation

全部标签

javascript - Google Closure - Html5History 两次触发 NAVIGATE 事件

为什么每次更改片段时goog.history.Html5History对象都会触发goog.history.EventType.NAVIGATE事件两次?这是代码示例:varhistory=goog.history.Html5History.isSupported()?newgoog.history.Html5History():newgoog.History();goog.events.listen(history,goog.history.EventType.NAVIGATE,function(e){console.log(['navigation',e.target.getTok

javascript - 如何检测搜索结果页面中的项目已在另一个浏览器选项卡中打开

我搜索了SO,这个问题有beenaskedbeforeseveraltimes,但我没有找到任何答案来解释我想要实现的行为是如何实际实现的。我的想法是模仿booking.com的功能,当你从搜索结果列表中打开一个搜索结果时,会出现一个div指示该结果已在另一个选项卡(或窗口)中打开,并且它当其他选项卡(或窗口)关闭时消失。屏幕截图:第一次尝试是检查是否有一些javascript已附加到链接,但事实并非如此,因为如果您只是从页面源复制url,然后打开它,该功能就可以使用。所以我认为它可以在服务器端以某种方式进行管理,启动wireshark以trycatch两个打开的页面和服务器之间的任何

javascript - 如何检测搜索结果页面中的项目已在另一个浏览器选项卡中打开

我搜索了SO,这个问题有beenaskedbeforeseveraltimes,但我没有找到任何答案来解释我想要实现的行为是如何实际实现的。我的想法是模仿booking.com的功能,当你从搜索结果列表中打开一个搜索结果时,会出现一个div指示该结果已在另一个选项卡(或窗口)中打开,并且它当其他选项卡(或窗口)关闭时消失。屏幕截图:第一次尝试是检查是否有一些javascript已附加到链接,但事实并非如此,因为如果您只是从页面源复制url,然后打开它,该功能就可以使用。所以我认为它可以在服务器端以某种方式进行管理,启动wireshark以trycatch两个打开的页面和服务器之间的任何

html - 使用 router.navigate 时更改导航栏中的事件选项卡

我将Angular2与Bootstrap4结合使用。我可以使用以下代码更改事件选项卡:navbar.component.html☰MyAppHome(current)AboutExample行:[routerLinkActive]="['active']"[routerLinkActiveOptions]="{exact:true}"在切换到当前事件选项卡时效果很好,但是当我使用类似以下内容导航到组件时:this.router.navigate(['']);事件标签不会改变。有没有办法在像上面那样导航时更改事件选项卡? 最佳答案

html - 使用 router.navigate 时更改导航栏中的事件选项卡

我将Angular2与Bootstrap4结合使用。我可以使用以下代码更改事件选项卡:navbar.component.html☰MyAppHome(current)AboutExample行:[routerLinkActive]="['active']"[routerLinkActiveOptions]="{exact:true}"在切换到当前事件选项卡时效果很好,但是当我使用类似以下内容导航到组件时:this.router.navigate(['']);事件标签不会改变。有没有办法在像上面那样导航时更改事件选项卡? 最佳答案

html - 倾斜的背景和带有 overflow hidden 的悬停效果

我正在研究CSS3导航,但我遇到了悬停效果溢出的问题。我尝试添加overflow:hidden-但没有成功。这是它的样子:它应该是这样的:HTML:HomeAboutEventsArtistsCSS:#header-top{height:70px;left:0;position:fixed;right:0;top:0;z-index:100;}#header-top:after{background:rgba(0,0,0,0.35);content:"";height:120px;position:absolute;top:-50px;left:0px;transform:skewY(

html - 倾斜的背景和带有 overflow hidden 的悬停效果

我正在研究CSS3导航,但我遇到了悬停效果溢出的问题。我尝试添加overflow:hidden-但没有成功。这是它的样子:它应该是这样的:HTML:HomeAboutEventsArtistsCSS:#header-top{height:70px;left:0;position:fixed;right:0;top:0;z-index:100;}#header-top:after{background:rgba(0,0,0,0.35);content:"";height:120px;position:absolute;top:-50px;left:0px;transform:skewY(

javascript - window.navigator.appCodeName 的用途是什么?

在我测试的所有浏览器(IE、Firefox、Chrome、Safari、Opera、Yandex)中,window.navigator.appCodeName返回“Mozilla”。我知道网络浏览器“劫持”用户代理以欺骗页面以为它们与所有其他浏览器兼容的历史,我很满足于appCodeName只是该主体的扩展,然而,我读了thestandard,事实证明标准本身说这将是硬编码值“Mozilla”。所以所有这些浏览器实际上都遵循标准。这个值为什么存在?我假设它是为将来使用而保留的,但计划是什么?Thisquestion并没有真正解释它,因为它只是说这是因为浏览器劫持了它,我已经理解这一点,

javascript - window.navigator.appCodeName 的用途是什么?

在我测试的所有浏览器(IE、Firefox、Chrome、Safari、Opera、Yandex)中,window.navigator.appCodeName返回“Mozilla”。我知道网络浏览器“劫持”用户代理以欺骗页面以为它们与所有其他浏览器兼容的历史,我很满足于appCodeName只是该主体的扩展,然而,我读了thestandard,事实证明标准本身说这将是硬编码值“Mozilla”。所以所有这些浏览器实际上都遵循标准。这个值为什么存在?我假设它是为将来使用而保留的,但计划是什么?Thisquestion并没有真正解释它,因为它只是说这是因为浏览器劫持了它,我已经理解这一点,

css - 是否需要将导航(ul 标签)包装在 div 或 nav 标签中?

我见过有些人将他们的导航(标签)包裹在中,和只是应用了margin/paddingCSS属性。我们可以在没有的情况下设置导航样式。并将边距和填充放在上标签。所以有必要把内的标签,还是只是个人喜好/喜好?对于已经在一些浏览器中实现的HTML5,是否有必要把>用于在中导航的标签标签?例如SmashingHTML5demopage. 最佳答案 不,肯定没有必要包装外置导航.在我见过的大多数情况下,人们使用它只是因为他们习惯于将所有内容包装在div中。(divitis)。但是,在某些情况下,确实有必要包装div围绕一个导航列表。例如,当您想