有人知道语雀的是用的什么框架吗?为什么既有单页面应用的特点,又有SSR的特点?
这些天我想写一个SPA的react app,但是发现对于SPA应用title总是要先显示成默认的title然后使用javascrpt改变,这个导致tilte总是会抖动一下,然后我就找了一下其他产品参考了一下,我就找到了语雀。
语雀在侧边栏一共四个tab:
前两个的title都是一样的,符合SPA的特点,后两个的title不一样,像是SSR。
有人知道语雀的是用的什么框架吗?为什么既有单页面应用的特点,又有SSR的特点?
这些天我想写一个SPA的react app,但是发现对于SPA应用title总是要先显示成默认的title然后使用javascrpt改变,这个导致tilte总是会抖动一下,然后我就找了一下其他产品参考了一下,我就找到了语雀。
语雀在侧边栏一共四个tab:
前两个的title都是一样的,符合SPA的特点,后两个的title不一样,像是SSR。
语雀的PC端主要采用的是React技术栈。
关于语雀既有单页面应用(SPA)的特点,又有服务端渲染(SSR)的特点,这主要是因为现代Web应用开发中,开发者往往会结合使用多种技术来优化用户体验和应用性能。SPA能够提供流畅且快速的用户体验,通过JavaScript动态更新部分页面内容,减少页面重载次数。而SSR则有助于改善搜索引擎优化(SEO),因为它允许搜索引擎爬虫直接抓取服务器渲染的页面内容。
语雀可能采用了以下策略来实现这一结合:
至于你提到的SPA应用中title抖动的问题,这确实是一个常见的挑战。为了避免这种情况,你可以在服务器端就设置好正确的title,或者在SPA的路由守卫中提前设置title,而不是等到页面加载完成后再通过JavaScript改变。这样可以确保用户在看到页面时,title已经是最新的,从而避免抖动现象。
综上所述,语雀之所以既有SPA的特点又有SSR的特点,是因为它结合了这两种技术的优势来优化用户体验和应用性能。而针对SPA应用中title抖动的问题,你可以通过提前设置title等策略来解决。
2 回答11.2k 阅读✓ 已解决
2 回答11.1k 阅读✓ 已解决
3 回答1.6k 阅读✓ 已解决
3 回答5.1k 阅读✓ 已解决
2 回答6k 阅读
1 回答1.5k 阅读✓ 已解决
4 回答1.4k 阅读✓ 已解决