江苏龙网

  1. 首页 > 人文 > >

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

全文共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（可访问）


推荐阅读


上一篇：蒂姆·库克|库克始料未及！特朗普对微信正式表态了，苹果遭空前危机

下一篇：环球趣闻档案室|除了新冠疫情之外，还有这个问题，将有上亿人受灾！，坏消息传来