孤惯|多才多艺：你可能会错过的前端功能，前端不易全文共5764字

全文共5764字，预计学习时长15分钟
同类成分和控制件
拥有同类成分和控制件会给用户舒适的视觉感受。它就像一个指导方针，指引着用户，代表着公司的身份。
若想用现有的框架，有这些著名的JS框架库：
·React—web组件的材料设计的实现：
·Vue.js—Vue.js社区使自己的材料指南实现：
·Angular—Angular的可替代品是Angular材料，有着强大的组件和完整的CDK：
验证与错误
处理用户输入时，验证是至关重要的。无论错误是来自网络问题、服务器错误还是糟糕的用户输入，处理应用程序中的验证和错误都是很重要的。
·Angular—作为一个完整的框架，提供了一个关于表单验证的API 。
·React—在React应用程序中处理表单验证的最常用插件可能是ReactHookForm 。
·Vue.js—这个Vue.js版本的一个有趣的单词游戏：vuelidate 。
检索数据或保存信息可能需要几毫秒、几秒钟甚至几分钟，这就是添加加载程序或挂起的消息以表示正在发生什么的原因。 Javascript的Promise或者浏览器FetchAPI能够帮助处理异步调用。
浏览器支持（多填）
前端世界发展迅速，浏览器也是如此。然而，在所有浏览器及其不同版本中，由于复古兼容性，单个代码片段不会提供相同的输出，旧版本的IE浏览器不会像GoogleChrome的最新版本那样支持许多JS功能或CSS规则。
为了防止最老版本运行时出现错误，目前已经创建了填充。雷米·夏普在其文章中非常清楚地描述到：“聚填充是一段代码(或插件)提供技术，这项技术是开发人员希望浏览器本地提供的。要了解CSS规则或JS函数是否由浏览器的特定版本支持，请检查‘我可以用…….’（）” 。
·Angular—Angular文档有一个专门用于浏览器支持的部分。
·React—CreateReactApp支持InternetExplorer9+和多填充， ReactDOM也是如此。
·Vue.js—CLI文档描述了其浏览器支持。
l10n（本地化）和i18n（国际化）
你的网站用户可能来自世界各地，使网络应用程序国际化将增强所有读者对它的理解。
L10n(L和n之间的10个字母)或本地化是检测用户的本地国家（或地方）并根据其位置调整网站的过程。
i18n(i和n之间的18个字母)或国际化是在Web应用程序中管理几种语言和区域参数的过程。当然，它不仅包括措辞，还包括日期格式，数字格式，有时还会包括书写方向(LTR或RTL) 。
这两个概念相互嵌套可以以各种方式实现：
·使用所有语言的下拉列表。
·访问用户的位置(使用GeolocationBrowserAPI)并调整网站。
·添加语言URL参数，创建不同形式的URL 。例如， example.com?lang=en或example.com/en或甚至en.example.com 。
·Angular—作为一个完整的框架，再次提供了turnkey解决方案。
·React—react-i18next插件在React世界很有名。
·Vue.js—vue-i18n非常强大。
a11y（可访问）