• 请不要在回答技术问题时复制粘贴 AI 生成的内容
This topic created in 2228 days ago, the information mentioned may be changed or developed.
Supplement 1 · Sep 30, 2020
感谢大家，已经通过大家的留言，学习到了，学习成果： https://segmentfault.com/a/1190000025180494
Supplement 2 · Jan 16, 2021
 |
1
前端路由而已，可以搜一下 HTML5 History API
|
1 |
xrr2016Sep 30, 2020
2
用 wappalyzer 检测出是 jQuery
|
 |
dapang1221Sep 30, 2020
3
不快啊，我这看一个请求都 150ms+的……点了之后它不是让浏览器跳转的，是获取了一个 html 片段重新渲染的页面，然后把 url 加到 history 里
|
 |
4
@Starkwang0131 去搜了一下，好像就是这么一回事。
|
 |
eason1874Sep 30, 2020
5
pjax
|
 |
jackcfanSep 30, 2020
6
pjax 局部刷新，可以随便看个 github 仓库，页面跳转是不刷新整个页面的
|
 |
SappSep 30, 2020
7
@Starkwang0131 不一定是前端路由，ror 也有个玩意可以替换整个 body，做到不刷新渲染
|
 |
acthtmlSep 30, 2020
8
spa
|
 |
mauveSep 30, 2020
9
|
 |
shakarakaSep 30, 2020
10
网页才几十 k 。。。。做了 cdn，加上有些 icon 是看到才加载的所以节约了点时间
|
 |
BijiaboSep 30, 2020
11
有几种实现方式：
1. 单页面应用，只是通过 history 接口修改页面地址 2. 跳转标签设定的 prerender，一些支持此特性的浏览器会预先渲染下一个页面 3. 指定资源的预加载，如果不涉及到接口数据，是可以在前一个页面预先加载后续界面的静态资源让浏览器缓存的，做的合理也可以达到秒开的效果 |
 |
liuguangSep 30, 2020
12
pjax，vue 也可以做到这个效果的(vue router)，而且比 pjax 更高效。
|
 |
syozzzSep 30, 2020
13
打开控制台看请求就能知道，https://www.dute.org/ip-to-number?_pjax=%23pjax-container 。很明显是 pjax.
|
 |
FarAheadSep 30, 2020
14
https://instant.page/
|
 |
clfSep 30, 2020
15
jQuery 的 pjax 插件，不过个人还是推荐 Vue-router 等前端路由。
|
 |
zoikhemlabSep 30, 2020
16
我这里不是秒开，而且能感觉到跳转。
|
 |
arobotaSep 30, 2020
17
单页 web app 不都是这样的吗。局部更新，动态渲染
|
 |
BeyondSky23Sep 30, 2020
19
|
 |
dream4everSep 30, 2020
21
写了几年前端，我竟然没听过 pjax，略感焦虑
|
 |
darknollSep 30, 2020
22
spa 不都这样的么？还以为啥
|
 |
sercoSep 30, 2020
23
@dream4ever 因为这个可能是你写前端之前就产生的“历史”名词，已经很久没有听到提这个的了
|
 |
SaszrSep 30, 2020
24
|
 |
victorSep 30, 2020
25
@dream4ever 过渡方案，一种非主流解决方案，我身边的朋友都是因为接触 Rails 而听说这个词的。不必焦虑。
|
 |
zhuweiyouSep 30, 2020
26
pjax 替换中间内容区的 html
github 在仓库页浏览, 也是用这种方式的 |
 |
lululauSep 30, 2020 via iPhone
27
盲猜 turbolink
|
 |
licoycnSep 30, 2020
28
|
 |
MikeFengSep 30, 2020 via Android
29
可以去看看 SPA，加上预加载，如果再加上 PWA，这种工具网站如果纯粹考本地 JS 计算，完全可以离线秒开
|
 |
hi543Sep 30, 2020
30
现在前端技术不都可以实现吗？比如 react 和 vue
|
 |
vision1900Sep 30, 2020
31
楼主很严谨啊，0 还打了引号
SPA，初次加载时 JS 就包括了构建各个路由的 DOM 元素的代码 跳转路由变成了 2 个过程的协同：用 JS 动态渲染 DOM + 修改路由（更新地址栏的地址，利用 history API 保证前进和后退功能正常） 其实所有的操作都是异步的，只是有些操作太快时间可以忽略不计 在 Web 中，网络请求，文件 IO，和复杂图形渲染普遍被以异步的形式处理 |
 |
jedihySep 30, 2020 via iPhone
32
额，十几年前就写过，比这高级一点，还能预加载。
|
 |
rf99wSiT6IxH1Z23Sep 30, 2020
33
第一次听 pjax，一直都用 spa 框架
|
 |
ericguiOct 1, 2020
34
简直毫无广告痕迹
|
 |
35
1 没觉着特别快，真的，
2 网站不超过百 kb 3 学到了 pjax |
|
36
@ericgui 本身就不是广告，用不着到哪都做个喷子吧...
|
Select Language