35
聊一聊前端「同构」
source link: https://webfe.kujiale.com/liao-yi-liao-qian-duan-tong-gou/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
一、什么是同构 同构是指同开发一个可以跑在不同的平台上的程序。例如开发一段 js 代码可以同时被基于 node.js 开发的 web server 和浏览器使用。本文中我们就要聊聊这种场景下，为什么以及怎么样开发一个同构的 web 应用。 二、同构带来的好处 我们不会平白无故地做出任何决策，大家使用同构肯定是因为同构能够带来一些好处： 减少代码开发量, 提高代码复用量。因为一份代码能同时跑在浏览器和服务器，因此不仅代码量减少了，而且很多业务逻辑不需要在浏览器和服务端两边同时维护，因而同时减小了程序出错的可能。 可以以较小的成本完成 SSR （Server-Side Render）的功能。而 SSR 能带来至少以下两点好处。 首屏性能，让用户更早看到页面内容。 SEO (Search Engine Optimization), 对爬虫友好。 三、同构带来的问题 性能损失，客户端服务端都要渲染页面, 存在一定的性能浪费（可以通过客户端 dom 反收集和 virtual-dom
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK