相关文章
next.js
+ Tailwind CSS
,改版后的文档界面有种焕然一新的感觉,支持暗黑模式,我们可以在线学习,并且写代码,采用了这种所见即所得的形式,大大降低了学习者的成本,我也被这种形式所深深吸引,那么这种所见即所得的形式是如何实现的呢?基本介绍
新文档地址在 https://github.com/reactjs/reactjs.org/ 中的 beta 目录下,外层代码是目前的文档代码,那么我们可以直接 git clone
并且拷贝 beta 目录下的内容
这里面有 yarn.lock
文件,跟绝大多数 next 项目一样 yarn install
之后,运行 yarn dev
就可以运行开发环境
启动速度非常快,仅仅 3.3s, 打开 http://localhost:3000,此时 next.js
会再次编译,大概 200ms,这种优势得益于 next.js 按需编译的优势,也就是是说当前启动的时候,并不会全站打包,而是当进入某个页面的时候编译当前页面,所以速度相当快。
约定式路由
next 是约定式路由,在 pages 文件夹下的目录默认生成路由,即 '/src/pages/learn/add-react-to-a-website.md' 生成路由
/learn/add-react-to-a-website
此时发现里面的文档都是.md
后缀的 Markdown 文件,那么 markdown 也可以写交互功能了吗?
React 新的文档用到了哪些技术?
前言https://beta.reactjs.org React 的新的文档已经 完成了 70 % 并且呼吁社区进行翻译工作。 新的文档采用了全新的架构 next.js + Tailwind CSS...
人工智能技术:探索与应用
人工智能技术是当今科技领域最热门的话题之一。随着深度学习和大数据的发展,人工智能技术在各个领域的应用正变得越来越广泛。本文将探索人工智能技术的原理、发展和应用,并展望未来...
人工智能改变教学方式:人工智能教学平台
随着科技的日新月异,人工智能正逐渐渗透到我们的生活中的各个领域。教育领域也不例外。人工智能教学平台的出现,为教学方式带来了革命性的改变。 首人工智能教学平台提供了个性化...
AI识图技术的进步对社会的影响
随着人工智能(AI)技术的迅猛发展,AI识图应用正逐渐渗透到我们的日常生活。AI识图作为其中的重要应用之一,正在改变着我们的工作方式、生活习惯以及社会结构。 AI识图是...
幻城云笔记
友情链接 网站地图 联系我们 宿迁高防服务器测评冀ICP备2022012838号...
AI绘画秀:探寻人工智能和艺术的奇妙结合
人工智能技术的快速发展,不仅在科技领域给我们带来了惊人的变革,同时也在艺术创作方面带来了前所未有的机遇。作为人工智能艺术应用的一种,AI绘画秀在近年来越来越受到广泛关注,...
发表评论
