网络 - Devzv

网络

在一个新的简短系列文章中，我们重点介绍了一些对开发人员和设计人员有用的工具和技术。最近我们介绍了 HTML 电子邮件和 SVG 生成器。这次我们研究了不同类型的工具来帮助您简化可访问性测试过程。不要错过下一个。

在为 WordPress 开发主题和插件时，我们需要在不同的环境中对其进行测试。我们如何才能在我们的计算机上快速轻松地创建多个测试站点，而无需成为系统管理员？

在 Smashing Podcast 的这一集中，我们谈论的是图像优化。对于 2021 年的高性能图像，我们应该遵循哪些步骤？我们与专家 Addy Osmani 交谈以找出答案。

剧透警告：工具提示、模式、选项卡、轮播和下拉菜单是一些用户界面组件，需要的不仅仅是 CSS。为了确保界面的可访问性，JavaScript 是完成焦点管理、响应键盘事件和切换 ARIA 属性的必要补充。

在本指南中，我们将大致了解正向地理编码和反向地理编码的概念，并将构建一个应用这些概念来显示特定位置的小应用程序，使用 Mapbox 和 Vue.js 2.6.11 来实现这一点.

现代浏览器为 JavaScript 模块提供了良好的支持，但诸如 webpack 之类的模块捆绑器仍然是 JavaScript 工具链的关键部分。让我们深入了解一下 webpack 是什么以及如何在您的开发工作流程中使用它。

编写大型 Vue 应用程序可能是一个挑战。在本文中，Shawn Wildermuth 深入探讨了工厂、共享对象和使用 Vuex 等方法的优缺点。他还解释了 Vuex 5.0 中即将发生的可能会改变我们在 Vue 3 中使用共享状态的方式。

Google 的 Core Web Vitals 计划席卷了 SEO 和 Web 性能领域，许多网站都在忙于优化他们的页面体验以最大化排名因素。 Cumulative Layout Shift 指标给很多网站带来了麻烦，所以让我们看看解决该指标的任何问题的方法。

对于任何网站来说，从 Google 获得良好的性能分数都很难——但对于在线商店来说，做到这一点就更难了。我们取得了绿色分数——甚至在移动方面取得了好几个分数。这是我们如何做到的。

在本文中，我们将重新使用在第一篇文章中构建的基础 WYSIWYG 编辑器，为 WYSIWYG 编辑器构建一个评论系统，使用户能够选择文档中的文本并分享他们对它的评论。让我们深入挖掘！