2022年5月14日
什么是 Typescript? Typescript是JavaScript的类型化超集,由Microsoft于2012年创建,旨在帮助Javascript开发人员使用大规模应用程序。Typescript旨在作为大型代码库的结构机制提供帮助,因为它有助于避免会减慢您速度的常见错误。它使……
阅读全文
2022年5月14日
UI 组件库是一组现成的 UI 组件,例如按钮、输入、对话框等。它们用作布局的构建块。由于它们的模块化特性,我们可以以多种不同的方式排列组件以实现独特的效果。每个库都有独特的外观和感觉,但它们中的大多数都提供主题,并且它们的组件是可定制和可重用的。 我将引导您完成创建自己的 UI 组件库的过程: React……
阅读全文
2022年5月14日
首先,我们需要创建 Next.js 应用程序。如果您是 Next.js 新手,请按照这篇文章生成 Next.js 应用程序脚手架。 你在这里。公平地假设您已经设置了 Next.js 框架,并且您的应用程序正在http://localhost:300上运行。 此时,如果您查看源代码页面,那么您会看到 HTML 和 CSS。您还可以看到元标记、标题和元描述。但是……
阅读全文
2022年5月14日
在本文中,我们将介绍 如何配置故事书 配置 TailwindCSS 添加 SEO 友好的 _document.js 创建基本组件 配置故事书 在上一篇文章中,我们在 Next.js 应用程序中安装和设置了故事书。安装过程会创建一个名为 stories 的文件夹。并且,在该文件夹下,有安装过程中附带的 JavaScript 文件。删除 stories 文件夹下的所有文件。它会在 6006 端口打破故事书。 安装以下内容: npm install @storybook/addon-postcss……
阅读全文
2022年5月14日
要使用的技术堆栈 前端 作为 CSS 框架的 Tailwind NextJS storybook GraphQL 后端 作为 Perl 爱好者,我将使用 Mojolicious (Mic Drop)。 设置项目前端 在本文的这一部分,我们将设置 NextJs 项目 安装 Tailwind CSS 框架 设置storybook 使用 Apollo 客户端设置 GraphQL 一个 Git 存储库 设置 Next.js 项目 要在 Next.js 中创建新项目,请执行以下命令: npx create-next-app 在下一步中,它将询问应用程序名称,我们……
阅读全文
2022年5月11日
将样式应用于 HTML 的基础知识 CSS 为您的网站提供了颜色和设计。我们可以通过 3 种主要方式将样式应用于 HTML。这些都是: 内联样式:内联样式正是顾名思义,它们是与 HTML 元素内联编写的。例如 <div class="button-link" style="color: white; border: none; font-size: 16px; background-color: blue; width: 20%; padding: 1rem">Button Text</div> 这导致 div 如下所示,并应用了内联样式: 内部样式:内部样式基本上意味着要应用的样式……
阅读全文
2022年5月11日
区块链仍然很突出,该行业现在迫切需要工程师。这不仅是一个有利可图的领域,而且也是一个令人着迷的领域。 如果您想成为其中的一员并提升您作为 Web 3.0 开发人员的职业生涯,您将需要专注于您的学习。 我将提供一个路线图和一些我在学习如何开始之后发现的很棒的在线资源。在本文中,您将从没有编程经验成为……
阅读全文
2022年5月4日
本教程可帮助您: 获得对 GraphQL 原理的基本理解 定义一个表示数据集结构的 GraphQL 模式 运行 Apollo Server 实例,该实例允许您针对架构执行查询 本教程假定您熟悉命令行和 JavaScript,并且您安装了最新版本的 Node.js (12+)。 本教程将引导您完成阿波罗服务器的安装和配置。如果您刚刚开始使用 GraphQL 或 Apollo 平台,我们建议您先完……
阅读全文
2022年5月1日
理解Netty中的异步 首先,事件驱动的Handler机制本身就是异步的。其次,ChannelFuture为异步操作提供了同步的方式。与Future对应的还有ChannelListener。 Future可以理解为化异步为同步的一个方式。JDK里的Future就是如此。 异步的概念和同……
阅读全文
2022年5月1日
层层分析Netty中的Channel(下) 上篇文章讲到了Netty的Channel内部的运作机制和生命周期。这篇文章会走进Netty处理的内部,结合NIO,讲讲Netty中是如何实现Reactor模式的。 上篇文章讲到了Netty的Channel内部的运作机制,这篇文章详细分析Ch……
阅读全文