Next Link导航

语法

 <Link href="/first-page">
    <a>查看first-page</a>
 </Link>

优点

  • 页面不会刷新,用Ajax请求新页面内容
  • 不会请求重复的HTML、CSS、js内容
  • 自动在页面插入新内容、删除旧内容
  • 因为节省了很多请求和解析过程,所以速度很快
  • 借鉴了Turbolink\pjax技术

路由跳转的时候,浏览器没有直接请求page2, 而是浏览器通过page1的ajax请求page2的js。
nextjs将html/js/css整合在一个js里面, 每次切换路由都会请求js. 对页面做DOM的替换。

posted @   IslandZzzz  阅读(120)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 零经验选手,Compose 一天开发一款小游戏!
· 因为Apifox不支持离线,我果断选择了Apipost!
· 通过 API 将Deepseek响应流式内容输出到前端
历史上的今天:
2020-06-02 JavaScript Set及其应用 去重,交集,并集,差集
点击右上角即可分享
微信分享提示