前端能不能少用 js 跳转路由

136 天前
 yodhcn

吐槽一下,习惯了鼠标中键打开新页面,遇到一些通过 js 跳转路由的网站是真的难受,这种方案不仅 SEO 优化差,用户想开个新页面还只能手动复制链接

9099 次点击
所在节点    程序员
75 条回复
94
136 天前
因为懒,直接 div 一把梭。用前端框架路由也是可以保证可以正确生成 a 链接的。
cheneyzhang
136 天前
也有很多产品经理的奇葩需求, 点击跳转前各种检查逻辑.
cst4you
136 天前
点名批评 t.bilibili.com
Danswerme
136 天前
框架不背锅,以 Vue 举例,vue-router 中 router-link 标签默认就渲染的是 a 标签
eod
136 天前
@cheneyzhang 赞成
AV1
136 天前
就是某些前端水平差呗。
一是不知道怎么消除 a 标签的默认样式。
二是不知道
<NavLink to={{pathname: '/about', search: 'name=foo&id=3'}}>
或者
<RouterLink :to="{path: './about', query: {name: 'foo', id: 3}}">
的 to 属性是可以带参数的,只懂得用 router.push 来跳转
ruofee
136 天前
@spritecn 和 vue 、react 没关系,vue 有 router-link ,react-router 有 Link ,最终都是超链接
HFX3389
136 天前
@murmur #9 确实,现在 APP 逆向比网页版难多了,有人给做网页版可太好了
focuxin
136 天前
第一次知道按中键可以以新页面打开,学到了
Linho1219
136 天前
@spritecn 并非,现在的 SPA 框架工作逻辑都是真正的<a>标签,然后通过 JS 去拦截页面导航事件,是可以良好支持楼主的这种操作的。毕竟是基础设施,这点优化还是该做的
楼主说的是那种手写 window.open 的
VagabondH
136 天前
吐槽的对,确实受不了不用 a 标签做跳转的
gorvey
136 天前
@DOLLOR #26 那我问你,跳转前要做某些操作,或者校验身份,怎么办
niurougan
136 天前
@focuxin 再帮你多学一点,中键点标签页可以关闭该页面,我也是在 V2 这学到的
fao931013
136 天前
我倒是喜欢用 cmd + 左键 和 cmd + w 打开关闭新页面
AV1
136 天前
@gorvey 你这叫 submit button ,就像“添加新回复”下面那个“回复”按钮。显然 OP 说的肯定不是指这东西。
pikko
136 天前
微博之前改版 SPA 初版,就是没法信息流里用新标签页点开一条微博。完全丧失网页浏览的高效性,做成了一个巨大的 APP 。还好后面几个小版本就修复过来了。
还得看验收,有时候这种小细节前端直接就看心情写了。
drydiy
136 天前
前面说反感这种逻辑到底做过需求没?产品的需求是点击触发一系列逻辑处理,检查,再跳转。这种需求写多了,正常人都会忘记 a 标签。
nexo
136 天前
现在主流是单页应用
ghosthcp516
136 天前
说检查逻辑的大概率不知道什么是 preventDefault ,不然那些框架导航守卫怎么做的。平时受产品老板的气,网上看到这些心理也太不平衡了,知道得多反而变成了异类
xubingok
136 天前
@niurougan 刚试了下,中键好难点啊...我这个滚轮滚着挺舒服,但是按下去真的要好大的力..

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1137829

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX