使用 React hooks 监听系统的暗黑模式
sxkk20081年前120
前言苹果的“暗黑模式”带来了全然一新的外观,它能使您的眼睛放松,并有助于您专心工作。暗黑模式使用一种较深的配色方案,这种配色作用于整个系统,现在大部分网站也加入了暗黑模式,包括 Tailwindcss...
一个为程序员设计的约会应用程序,你可以在上面刷代码。
通过写一段代码,展现自己,然后通过系统自动匹配交友。还有 ios 和安卓版 app。
小霸王是一款基于 vscode 的 nes 游戏插件,能让你在紧张的开发之余在 vscode 里放松身心。通过劳逸结合,提升开发效率。
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 也可以写交互功能了吗?