这个网站秒开“0”跳转感是什么技术开发的?

2020-09-30 10:15:35 +08:00
 pytth

https://www.dute.org/

10152 次点击
所在节点    程序员
36 条回复
dream4ever
2020-09-30 15:17:33 +08:00
写了几年前端,我竟然没听过 pjax,略感焦虑
darknoll
2020-09-30 15:33:40 +08:00
spa 不都这样的么?还以为啥
serco
2020-09-30 15:37:18 +08:00
@dream4ever 因为这个可能是你写前端之前就产生的“历史”名词,已经很久没有听到提这个的了
Saszr
2020-09-30 15:49:49 +08:00
victor
2020-09-30 15:57:29 +08:00
@dream4ever 过渡方案,一种非主流解决方案,我身边的朋友都是因为接触 Rails 而听说这个词的。不必焦虑。
zhuweiyou
2020-09-30 17:16:59 +08:00
pjax 替换中间内容区的 html

github 在仓库页浏览, 也是用这种方式的
lululau
2020-09-30 19:41:52 +08:00
盲猜 turbolink
licoycn
2020-09-30 21:00:41 +08:00
其实有现成的解决方案 - http://instantclick.io/

我的博客主题就采用了这个方案,无刷新加载很快: https://www.licoy.cn/
MikeFeng
2020-09-30 21:08:46 +08:00
可以去看看 SPA,加上预加载,如果再加上 PWA,这种工具网站如果纯粹考本地 JS 计算,完全可以离线秒开
hi543
2020-09-30 22:03:18 +08:00
现在前端技术不都可以实现吗?比如 react 和 vue
vision1900
2020-09-30 23:08:20 +08:00
楼主很严谨啊,0 还打了引号
SPA,初次加载时 JS 就包括了构建各个路由的 DOM 元素的代码
跳转路由变成了 2 个过程的协同:用 JS 动态渲染 DOM + 修改路由(更新地址栏的地址,利用 history API 保证前进和后退功能正常)
其实所有的操作都是异步的,只是有些操作太快时间可以忽略不计
在 Web 中,网络请求,文件 IO,和复杂图形渲染普遍被以异步的形式处理
jedihy
2020-09-30 23:52:50 +08:00
额,十几年前就写过,比这高级一点,还能预加载。
cnscorpions
2020-09-30 23:58:08 +08:00
第一次听 pjax,一直都用 spa 框架
ericgui
2020-10-01 00:38:41 +08:00
简直毫无广告痕迹
way2explore2
2020-10-01 09:51:03 +08:00
1 没觉着特别快,真的,
2 网站不超过百 kb
3 学到了 pjax
pytth
2020-10-06 14:20:42 +08:00
@ericgui 本身就不是广告,用不着到哪都做个喷子吧...

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

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

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

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

© 2021 V2EX