准确的电话号码和 WhatsApp 号码提供商。 如果您想要电子邮件营销活动列表或短信营销活动,那么您可以联系我们的团队。 电报: @xhie1

标签: 新西兰 WhatsApp 号码数据

WordPress 6.0 的新增功能:新块、更改样式、编辑模板、Web 字体 API 等等

WordPress 版本 6.0 Arturo 现已发布,像往常一样,我们深入了解了幕后情况,以便让读者预览 WordPress 最新主要版本中的新增功能。 可以这么说,如果 WordPress 5.9 将我们带入了古腾堡第二阶段的核心,那么 WordPress 6.0 的目标就是整合现有的自定义工具。 但新版本不仅如此。 正如 Matias Ventura 在 6.0 路线图草案中指出的那样,站点编辑器的引入标志着一个巨大的里程碑,但这也只是道路上的第一步。 WordPress 6.0 Arturo 现已推出 WordPress 6.0 Arturo 现已推出 WordPress 6.0 在 CMS 的多个领域(从可用性到性能)带来了重大改进,包括: 改进的信息架构和模板导航体验 改进的模板 新钩子 网络字体 API 网站编辑器的新导航模式 另类全局样式 改进的导航块 性能改进 新的设计工具 以及更多… 但等等,这还不是全部。 WordPress 6.0 还带来了大量的更改、功能和错误修复,包括编辑器的 400 多个更新和 500 个错误修复。 修复了超过 189 个条目,其中包括 91 个新功能和改进。 是的,有很多话要谈。 所以,让我们不要再拖延了,快来探索 WordPress 6.0 中的新功能吧。

最新主要版本的新增功能 点击发推文 网络字体

API 新的 Webfonts API 现在提供了在 WordPress 中加载 Webfonts 的标 新西兰 WhatsApp 号码数据 准化方法,确保性能和用户隐私。 从 WordPress 6.0 开始,您只能从 theme.json 注册新的 webfont。 使用 theme.json 非常简单。 您所要做的就是在排版部分添加新的字体系列。 以下代码提供了 webfont 注册的示例: { “设置”,\”Segoe UI”Helvetica Neue\”,sans-serif”, “name”: “系统字体”, “slug”: “系统字体” }, { “fontFamily”: “\””Source Serif Pro”, “slug”:“源衬线专业” 无衬线字体”, 上面的代码将 Inter 字体添加到 Twenty Twenty-Two 中默认可用的那些 fontFamilies 集合中。 如果您想自己尝试一下,请将 Google Fonts Inter webfont 下载到 ./assets/fonts 文件夹中,然后将上述代码添加到 Twenty Twenty-Two theme.json 部分。 完成后,保存文件并返回网站的编辑界面。settings.typography 下图显示了编辑器中的结果。 一个新的字体系列已在“2022”中注册。 一个新的字体系列已在“2022”中注册。 Webfonts API 仅注册渲染当前页面上的块所需的字体,这对于样式变体中定义的 Web 字体特别有用。 此外,该 API 通过按字体系列注册和排队字体来优化 HTTP 请求数量。 

中的全局样式变体中了解有关新 API 的更多信息

改变全球风格 全局样式变化是 WordPress 6.0 中最令人期待的功能之一。 主题作者现在可以在 BS 领先 其主题中包含多组全局样式,从而允许用户只需单击一下即可在样式变体之间切换。 这就像准备好可以使用的子主题一样,每个子主题都有一组预定义的样式。 要向批量主题添加样式变体,您需要将备用 JSON 文件添加到主题根目录中的样式文件夹中。 支持全局样式变体的主题会在全局样式侧边栏中显示一个新的浏览样式项。 这将导致主题用户在其中找到可用样式列表的面板。 在 WordPress 6.0 中浏览样式。 在 WordPress 6.0 中浏览样式。 从列表中选择全局样式,该样式将自动应用于您的整个网站。 在 WordPress 6.0 中只需单击一下即可选择样式。 在 WordPress 6.0 中只需单击一下即可选择样式。 新功能允许主题开发人员创建无限数量的样式变化,并与新的 Webfonts API 完美搭配。 下图显示了上一个示例的自定义样式,其中标题应用了不同的字体。 WordPress 6.0 中带有自定义字体的样式变体。 WordP 中自定义字体的样式变体React.js 近年来变得非常流行,这已不是什么秘密。 它现在是许多互联网巨头(例如 Facebook 和 WhatsApp)选择的 JavaScript 库。 它崛起的主要原因之一是16.8版本中引入了hooks。 React hooks 允许您利用 React 功能,而无需编写类组件。

学习驯服 React 的 useCallback Hook

React.js 近年来变得非常流行,这已不是什么秘密。 它现在是许多互联网巨头(例如 Facebook 和 WhatsApp)选择的 JavaScript 库。 它崛起的主要原因之一是16.8版本中引入了hooks。 React hooks 允许您利用 React 功能,而无需编写类组件。 现在,带有钩子的功能组件已成为使用 React 的开发人员的首选框架。 在这篇博文中,我们将深入研究一个特定的钩子——useCallback——因为它涉及函数式编程的一个基本部分,即记忆化。 您将确切地知道如何以及何时使用钩子 useCallback 并充分利用其性能增强功能。 准备好了吗? 让我们深入了解一下吧! 什么是记忆化? 记忆化是指复杂函数存储其输出,以便下次使用相同的输入调用它。 它类似于缓存,但在更本地的级别。 您可以跳过任何复杂的计算,并在计算后更快地返回输出。

这会对内存分配和性能产生重大影响

而 useCallback 钩子旨在缓解这种压力。 React 的 UseCallback 与 useMemo 在这一点上,值得一提的是 useCallbackit 与另一个名为 useMemo 的钩子 沙特电话号码数据 配合得很好。 我们将讨论两者,但在本文中,我们将重点关注 useCallback 作为主要主题。 关键区别在于 useMemoit 返回一个记忆值,而 useCallback 返回一个记忆函数。 这意味着useMemoit用于存储计算值,而useCallback返回一个可以稍后调用的函数。 这些钩子将返回一个缓存版本给您,除非您更改它们的任何依赖项(例如状态或道具)。 让我们看看这两个函数的作用: 从 ‘react’ 导入 { useMemo, useCallback } 常量值 = [3, 9, 6, 4, 2, 1] // 这将始终返回相同的值,即一个排序数组。 一旦值数组发生变化,就会重新计算。 const memoizedValue = useMemo(() => value.sort(), [values]) // 这将返回一个可以稍后调用的函数。

使用内存中的虚拟 DOM 来比较数据并决定更新内容

虚拟 DOM 有助于提高 React 性能并保持您的应用程序快速运行。 默认情况下,如果组件的任何值发生更改,整个组件将重新渲染。 这使得 React 对用户输入“做出反应”,并允许屏幕刷新而无需重新加载页面。 您不想渲染组件,因为更改不会影响该组件。 这就是通过 useCallback 和 useMemo 进行记忆的有用之处。 当 React 重新渲染您的组件时,它还会重新创建您在组件内声明的函数。 请注意,当比较一个函数与另一个函数的相等性时,它们始终为 false。 由于函数 BS 领先 也是一个对象,因此它仅等于其自身: // 这些变量包含完全相同的功能,但它们不相等 const hello = () => console.log(‘你好马特’) const hello2 = () => console.log(‘你好马特’) 你好 === hello2 // 假 你好 === 你好 // true 换句话说,当 React 重新渲染你的组件时,它会将组件中声明的任何函数视为新函数。 大多数时候这都很好,简单的函数很容易计算并且不会影响性能。 但其他时候,当你不希望该功能看起来像新功能时,你可以依靠它使用Callback来帮助你。