2022年5月21日
介绍 在设定一个 React 项目时候,通常会使用 create-React-app 这个套件来快速产出开发样板环境,而另外一个选择 Next.js 则包好了许多功能,例如Server Side Render (SSR),Webpack,Router…. 不需要额外再多花时间在设定方面,但同时又有弹性可以扩充,非常的快速可以马上开发项目,在使用next……
阅读全文
2022年5月18日
*定义*: GraphQL 是一种用于 API 的查询语言,也是一种使用现有数据完成这些查询的运行时。GraphQL 为您的 API 中的数据提供了完整且易于理解的描述,使客户能够准确地询问他们需要什么,仅此而已,使 API 更容易随着时间的推移而发展,并支持强大的开发人员工具。 什么是 Netflix DGS? Netflix DGS (Domain Graph Service) 是一个基于 Spring Boot 用……
阅读全文
2022年5月17日
1 下载docker 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 # 安装依赖 yum install -y yum-utils device-mapper-persistent-data lvm2 # 设置yum源 yum-config-manager --add-repo https://download.docker.com/linux/centos/docker-ce.repo # 安装docker yum install -y docker-ce # 设置开机启动 systemctl enable docker # 启动 Docker systemctl start docker # 查看版本 docker version 2 下载gitlab镜像 1 docker pull gitlab/gitlab-ce:latest 3 运行 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 mkdir gitlab gitlab/etc gitlab/log gitlab/opt docker run -id -p 3000:80 -p 9922:22 -v /root/gitlab/etc:/etc/gitlab……
阅读全文
2022年5月16日
首先安装npm install create-react-app -g. 这样您就可以为您机器上的任何文件夹创建或运行 react 应用程序。 创建反应项目create-react-app react-starter运行命令空间并提供您的应用程序名称。所以这个命令创建了反应应用程序。并自动设置必要的开发服务器 babel 和 webpack。开发服务器帮助我们在……
阅读全文
2022年5月14日
什么是打字稿? TypeScript 由 Microsoft 创建和维护,是 JavaScript 的超集,这意味着所有功能性 JavaScript 代码在 TypeScript 下都是有效的。该语言可以理解为“用于应用程序级开发的 JavaScript”,主要关注两个方面: 提供从未来 JavaScript 引擎到当前 JavaScript 引擎的功能 为 JavaScript 提供类型系统 TypeScript 的组件通常是语言本身,本质上是 JavaScript 加上附加的功能和语法,将代码转……
阅读全文
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……
阅读全文