和服务器端渲染说再见，Prerender.io - 考虑到SEO的SPA
![1_zrQL7U7oxMAjVoHzR_VdtQ.png][1] "完美不是在没有什么可以增加的时候，而是在没有什么可以拿走的时候实现的"。- 安托万-德-圣-埃克苏佩里 我们都❤️SPA。在任何形式下，它是。即使是React、Vue、Angular甚至是Vanilla编码的平台也不重要。 通过向爬虫提供你的Javascript网站的静态HTML来获得更高的排名，而不影响你的客户的体验？这
每个开发者都应该知道的谷歌浏览器隐藏功能
Chrome开发工具是网络开发者中使用最多的工具之一。但它有一些惊人的功能，大多数开发者都不知道。 在这篇文章中，我将讨论每个开发者都应该尝试的五大Chrome DevTools实验性功能。 1.CSS概述 - 样式的每一点和每一片 CSS概述提供了一个网页中使用的所有样式的摘要。 它包括有关颜色、字体、媒体查询和未使用的声明的详细信息。当你对用户界面进行CSS修改时，这个功能就派上用场了，
如何在Angular中使用指令在表格中实现热图
让我们看看在Angular中使用指令为表格添加热图是多么容易。我们将采用一个非常简单而优雅的解决方案，为表格中的不同列设置不同的热图颜色。 正如我一直所说的，Directives是Angular的一个非常强大的功能。它可以作为一个优雅的解决方案来实现很多很酷的功能。当你到达文章的结尾时，你可以清楚地看到为什么指令的方法更有意义。 表格中的热图 尽管我们并不经常在表格中看到热图，但热图确实可以在可
如何处理过多的JavaScript
![bundle-size.jpg][1] 尽量减少页面中的JavaScript数量是确保快速的用户体验的一个重要步骤。 这篇文章将解释为什么包的大小很重要，并推荐你可以遵循的工具和流程，以监测、可视化，以及最重要的是，缩小你的JS包。 软件包的大小如何影响性能？ 大量的JavaScript在两个不同的阶段对网站速度产生负面影响。 在页面加载期间：大的包需要更长的时间来下载。 在解析和编译过程中
构建全屏网络APP
全屏UI设计通过消除干扰来帮助用户保持对内容的参与。因此，我们可以看到全屏UI在现代网络应用中的使用越来越多。 因此，在这篇文章中，我将讨论 JavaScript 全屏 API 的特点，并指导你在实践中使用它们的步骤。 什么是全屏API？ Fullscreen API 提供了将全屏整合到 DOM 元素及其子元素的方法。开发者可以使用这个功能来向最终用户强调有用的信息。 在查看图片、视频、地图