特性
-
约定大于配置：路由是约定的，不需要配置 -
Link快速导航：请求page1时，page1会去请求page2.js(把page2的html,css,js打包成一个page2.js)，需要的时候直接替换即可，不用重复请求了 -
同构代码：同时运行在浏览器 和 nodejs，但不是所有的代码都会运行在两端，比如react组件里的代码，就是只运行在浏览器上的。一份代码，两端运行，这也代表着next是一个全栈的框架。 -
静态资源：next推荐放在public里，我不是很赞同，这样会导致文件名没有hash，从而有缓存无法更新。
img直接写的话会造成有缓存，从而无法更新
三大渲染方式
-
客户端渲染：数据一开始没有，是通过ajax加载来的，然后渲染到页面上 -
SSG(静态页面生成)：后端提前生成好页面，然后给前端。即N次客户端渲染 => 1次静态页面生成，也叫动态内容静态化。但是后端不用ajax获取，直接读取文件就好了。同过getStaticProps。 -
SSR(用户相关的动态内容静态化)：通过getServerSideProps获取请求。缺点：无法获取客户端信息，比如浏览器窗口大小。实质上：就是服务器获取字符串，然后做一个模板替换。
image.png
网友评论