对于今年的JavaScript状态调查，我想深入挖掘一下，不仅知道人们正在使用哪些工具和库，还要为什么他们选择使用它们。
这意味着我必须找到一种方法将个人偏好转化为冷酷的数据。经过一些研究，我提出了12分制，涵盖了挑选和使用任何技术的主要方面。
在此邀请你参加测试 ➡️ Take the 12-Factor Quiz
如果您不确定要评估什么，只需在您熟悉的库（react，vue，jQuery ......）上进行评！
也可以在http://stateofjs.com/ 上面查看一下往年的结果
如果您想贡献并帮助确定JavaScript生态系统的最新趋势，参加调查！
你选择任何技术的第一个原因可能是它的作用。
但这里的关键问题是你究竟是需要这个库的什么。React可能是目前最流行的前端库，但还是有人觉得它做的不够好，因为它将路由和状态管理等内容留给第三方方库，如React-Router和Redux。
事实上，这是React最大竞争对手Vue的吸引力的一个重要部分。通过为这些常见用例提供官方软件包，它可以提供更全面的解决方案并获得大量支持。
所以有时候，最简单的方法就是弄清楚我们究竟需要什么。像Lodash或Ramda这样的库让你可以用简洁的函数表达式替换乱糟糟的嵌套for循环，这足以使它们成为无价的工具。
同样，这一切都是为了寻找合适的！
评分系统
您可以拥有最优雅，功能全面的框架，但如果开发人员每两分钟发生一次错误，却也同样让人感到崩溃。
因此，当前JavaScript生态系统中的许多工具都专注于为堆栈添加稳定性和安全性。看TypeScript和Flow的成功，甚至是Reason等语言。
在数据层方面，GraphQL的类型系统也有助于确保一切顺利运行。
评分系统
如果你曾经训练过武术，你就会知道你可以拥有的最好的属性之一是speed，而不是力量。
同样，如果您的应用需要15秒才能加载，那么世界上的所有功能都无济于事。到那个时候，用户已经关闭了标签，你甚至在它开始之前就已经失去了战斗！
在JavaScript生态系统中，只需看看Preact就可以看到关注速度的一个例子：它的API与React完全相同，所以它并不试图在功能强度上展开竞争。但是，与React相比，它重量更轻，加载速度更快，可以节省宝贵的毫秒数并提高webapp的性能。
评分系统
在投资任何新技术之前，重要的是要看看围绕它开发的生态系统。
一个充满活力的软件包生态系统不仅可以节省大量时间，这也表明该技术已经达到了一定的成熟度水平。出于这个原因，维护良好的第三方软件包是开发人员长期采用技术的最佳标志之一。
评分系统
另一个要考虑的因素是整个社区。遇到问题时，专用论坛或Slack渠道可以提供巨大的帮助。
查找Stack Overflow现有的存储库也很有帮助。当然，维护良好的GitHub问题页面是必须的！
评分系统
简单的学习曲线使开发人员更有可能为您的框架或库提供一个机会。人们很容易认为，如果一项技术真正具有破坏性，人们就会克服任何障碍，但这通常都不是真的。
一个密切相关（但有时相反）的概念是“采用”曲线。首次推出时，[Meteor]（http://meteor.com/）非常易于使用（至少与现有替代方案相比），但它要求您立即采用整个堆栈，因此很难实现现有项目。
React也以其粗略的学习曲线而闻名：对于用于分离html和JavaScript的开发人员来说，不得不使用jsX可能很难。另一方面，Vue变得更容易，而不必重新思考您对前端编码的思考方式。
评分系统
简单学习曲线的一个重要部分就是拥有出色的文档。这比听起来更难实现，因为撰写文档的人通常是经验最丰富的人。
因此，编写好的文档需要忘记你原有的技术知识，并让自己置身于发现你的技术之中。
它还需要预测常见问题，了解用户的心理模型，最重要的是在代码库发生变化时保持最新状态！所有这些都需要宝贵的时间......
鉴于所有这些因素，您可以理解为什么好的文档是一种罕见且有价值的东西！
评分系统
就像文档一样，工具是这些事情中的一个，对于某些维护者来说可能看起来像是次要的，但实际上对于任何技术的普及和成功都至关重要。
我相信Redux成功背后的一个重要原因是其令人惊叹的Devtools浏览器扩展，它允许您以非常用户友好的方式可视化Redux存储和操作。同样，VS Code的强大TypeScript支持也为它的采用创造了奇迹。
评分系统
因为如果一个库只存在了六个月，那就不过是昙花一现了。
我们都可以讲述采用“下一件大事”的故事，只是回到好老的Rails / php / 在这里插入尝试真实的技术 当事情开始恶化时。
出于这个原因，没有什么可以打破坚实的记录。Express是其中一个例子：它最初是在2010年发布的，但仍然被认为是默认的Node.js服务器框架，尽管JavaScript生态系统的发展速度很快。
评分系统
并非所有项目都有可跟踪的记录。当package是全新的，你如何判断它的潜力？一种可靠的方式来看看它背后的人。
当React第一次出现时，由于其背后的团队是Facebook，所以给人一种至少要尝试一下的感觉。然后Facebook继续发布Relay和GraphQL，表明React的成功不是侥幸！
更大的公司也有更多的投资资源：即使发布了更新的，不兼容的版本，谷歌也能够继续保持原有的Angular.js。
当然，这并不意味着单独的维护者就无法创造重大创新。毕竟有Vue.js这样的例子存在，更不用说99％的开源软件了。
评分系统
采用尖端库的好处在于它们通常发展得非常快。可悲的是，这也可能是一个重大的缺点！
快速改进率也意味着频繁的突破性变化，因为新的最佳实践取代了旧的模式，使早期采用者付出了重构成本。
React Router当他们决定在版本3和版本4之间完全改变他们的API时，产生了很多抱怨。Angular当他们从Angular.js切换到新的“只是Angular”时，也是如此。
当你刚开始一个新项目时，经常更新会很令人兴奋，但是一旦你的应用程序启动并在生产中运行，你并不会想要每次都因为库的更新而其改动线上的代码。
评分系统
最后但同样重要的是，势头。换句话说，炒作。
炒作通常被认为是一件坏事（“不要成为炒作的牺牲品”），作为风格超过实质的指标。但并非总是如此。
有了足够的动力，一个新的软件项目可以吸引更多的用户和更多的贡献者，这意味着可以更快地找到和修复错误，一个包生态系统可以开发，每个人最终都会变得更好。
但是，是的，还有硬币的另一面：过早炒作太多可能会让潜在用户面临一个充满问题的未完成版本，并将其彻底解决。就像他们说的那样，你只有一次机会给人留下第一印象。
评分系统
你们中的一些人提出了一些更重要的因素。要考虑潜在版本2.0的规模！
原文来自：https://segmentfault.com/a/1190000018006262
我们的使命是让您了解最新和最酷的Web开发趋势。下面为大家分享10个有趣的javascript和css库：Tessaract.js强大的javascript（节点和浏览器）库，用于从图像中提取文本。
Lodash是一个可以提高开发者效率、提高原生JS方法性能的 JavaScript 第三方实用工具库；Lodash特点就是一致性、模块化、高性能。业界赫赫有名，其不需要引入其他第三方依赖
Tippy.js是一款轻量的tooltip插件，使用简单，扩展性好。该tooltip插件功能强大，提供多种动画效果和主题效果，并允许用户自定义tooltip主题和使用html代码作为tooltip的模板。
在应用界面中图标的存在，会给用户一个良好第一印象，这个挺重要的。但是从零开始开发图标需要大量的时间和金钱。在你的网站上使用图标可以让你有效地与你的访问者交流:它们增加了可读性，突出了重要的内容，加强了功能或特性
一项名为 JavaScript 功能的提案 Array.prototype.flatten 证明与 Web 不兼容。在 Firefox Nightly 中发布该功能会导致至少一个受欢迎的网站中断。鉴于有问题的代码是广泛使用的 MooTools 库的一部分，很可能会有更多网站受到影响。
当你调研一个 JS 库，功能当然是最重要的。作者给出了从 12 个角度全面分析 JS 库的可用性，分别是：特性，稳定性，性能，包生态，社区，学习曲线，文档，工具，发展历史，团队，兼容性，趋势
虽然JavaScript本身很棒，但有它对应生态圈也很重要，这些圈会让 JS 更好。开发人员在开始一个新的中等项目时经常喜欢重新写轮子，这是一个糟糕的策略，使用第三方库是有意义的。因为这样的库有明确的用途，有更长生成的迭代
在javascript的帮助下，可以为几乎每个领域(如移动、桌面应用程序和游戏Web开发)创建Web应用程序，因为该编程语言用作服务器端编程语言以实现最大功能，所以它是一种很好的编程语言。在本文中，我们选择了一些最佳的javascript库汇总
通过在页面上包含两件事来快速入门。首先是JavaScript：调用TogetherJS()将启动该工具，或者如果工具已经启动则停止该工具。请注意，这togetherjs-min.js 不是 TogetherJS的整个代码，它只是一个相当小的文件，可以根据需要加载其余的TogetherJS。