相关文章

语音转文字API:提供高效便捷的语音转文字服务

语音转文字API:提供高效便捷的语音转文字服务

  随着科技的不断发展,人们对于语音转换为文字的需求也越来越多。在传统的应用中,我们通常需要借助于键盘输入或手写输入来将语音转化为文字。然而,随着语音转文字API的出现,这个...

新的文档采用了全新的架构 next.js + Tailwind CSS ,改版后的文档界面有种焕然一新的感觉,支持暗黑模式,我们可以在线学习,并且写代码,采用了这种所见即所得的形式,大大降低了学习者的成本,我也被这种形式所深深吸引,那么这种所见即所得的形式是如何实现的呢?

基本介绍

新文档地址在 https://github.com/reactjs/reactjs.org/ 中的 beta 目录下,外层代码是目前的文档代码,那么我们可以直接 git clone 并且拷贝 beta 目录下的内容

这里面有 yarn.lock 文件,跟绝大多数 next 项目一样 yarn install 之后,运行 yarn dev 就可以运行开发环境

s16501401132022

启动速度非常快,仅仅 3.3s, 打开 http://localhost:3000,此时 next.js 会再次编译,大概 200ms,这种优势得益于 next.js 按需编译的优势,也就是是说当前启动的时候,并不会全站打包,而是当进入某个页面的时候编译当前页面,所以速度相当快。

约定式路由

s16384301132022 next 是约定式路由,在 pages 文件夹下的目录默认生成路由,即 '/src/pages/learn/add-react-to-a-website.md' 生成路由 /learn/add-react-to-a-website

此时发现里面的文档都是.md后缀的 Markdown 文件,那么 markdown 也可以写交互功能了吗? image.png

React 新的文档用到了哪些技术?

前言https://beta.reactjs.org React 的新的文档已经 完成了 70 % 并且呼吁社区进行翻译工作。 新的文档采用了全新的架构 next.js + Tailwind CSS...

AI绘画生成器:你亲手创作的艺术品

AI绘画生成器:你亲手创作的艺术品

  近年来,AI技术的不断发展,让人工智能在艺术领域得以应用,尤其是AI绘画生成器网站,通过深度学习、神经网络等先进技术,将传统艺术与现代科技相结合,为广大用户提供了一个创作...

AI机器人的崛起和应用探究

AI机器人的崛起和应用探究

  随着科技的不断进步,智能机器人已经成为时代的一部分。AI机器人是一种可编程的智能机器人,能够通过模拟人类的行为、感官和思维等方面的活动,完成人类所需的工作和任务。在未来,...

AI人脸识别网站: 解读未来科技与隐私保护之间的平衡

AI人脸识别网站: 解读未来科技与隐私保护之间的平衡

  随着人工智能(AI)的迅猛发展,人脸识别技术成为了一种广泛应用于各个领域的工具。AI人脸识别网站应运而生,作为一个集中展示人脸识别技术的平台,其不仅融合了科技创新的力量,...

“探索未来智能世界”2023人工智能大会盛大开幕!

“探索未来智能世界”2023人工智能大会盛大开幕!

  人工智能技术一直以来备受瞩目,其在各个方面的应用也越来越广泛。为了促进人工智能技术的快速发展,各界人士纷纷参加了在上海举办的2023人工智能大会。本次大会吸引了来自全球的...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。