聊聊 rel=noopener
同步自我的博客 最近梳理团队 eslint 时，在 airbnb 的配置中发现了这么一项 官方文档的介绍大概是这样的 这就让人很迷惑了，这俩属性是干什么的呢，google 一下方才知道，它是为了解决安全问题。 当你使用 target='_blank ...
原文：网站使用 rel="noopener" 打开外部锚
当您的页面链接至使用 target blank 的另一个页面时，新页面将与您的页面在同一个进程上运行。 如果新页面正在执行开销极大的 JavaScript，您的页面性能可能会受影响。 此外，target blank 也是一个安全漏洞。新的页面可以通过 window.opener 访问您的窗口对象，并且它可以使用 window.opener.location newURL 将您的页面导航至不同的网址 ...
2017-08-09 10:14 0 2932 推荐指数：
相关推荐
a标签 rel="noopener noreferrer"
参考文章：https://juejin.im/post/6844904116892745735 Chrome的默认模式 我们之前分享过“Chrome的多进程模式”，说到我们的Chrome默认是“Process-per-site-instance” 就是你打开一个网站，然后从这个网站链开 ...
a标签属性 rel="noopener noreferrer"
可以（例如 location 就不存在跨域问题）。 rel=noopener 新特性 <a href="ww ...
SEO优化之a标签rel属性的使用
a 标签的rel属性用于指定当前文档与被链接文档的关系，仅在 href 属性存在时使用。为了让搜索引擎更好的识别页面中个链接的作用，更加有利于SEO，提升网站收录与排名，可以在网站链接中添加合适的rel属性。 常用的rel属性如下： 1. external 此属性的意思是告诉搜索引擎 ...
angularjs锚点的使用
有很多人在使用ng-view时都用到了#号做route，所以如果在页面上需要用到锚点的时候就会比较头疼了。这个时候可以使用ng的anchorScroll，也可以使用jsGen中封装的anchorScroll。推荐使用jsGen中的anchorScroll。 services.js ...
MarkDown中锚的使用
经常使用Markdown配合Mou编辑器来些点总结和文档，但是其中需要前后引用或链接时markdown木有提供直接的方式。当然，Markdown支持嵌入式HTML语法，so。。实现起来也没啥问题。 具体应用场景：文中对后面文献列表中链接——可以通过锚实现页面内的链接；引用文献中可能需要超链接 ...
vue项目锚点的使用
在vue项目中如何使用锚点呢？ 在vue-router中定义 scrollBehavior scrollBehavior (to, from, savedPosition) { if (savedPosition) { // savedPosition ...
html中锚点的基本使用
锚点 锚点的基本使用场景 当一个网页很长的时候，那么我们在翻阅这个网页的时候可能会有些不方便，比如我们已经翻阅到了底部之后想返回到顶部，那么只能拖动滚动条到顶部（或者刷新页面，但这个不是专业的做法），效果比较好的方法就是设置锚点来处理这个问题。 那么锚点如何设置呢？见如下代 ...