在上文中，我们使用 monaco-editor 结合 Next.js，打造了编辑器的功能，在本文中，我们将继续优化 monaco-editor， 使它拥有代码格式化的功能。 prettier 在浏览器使用 ...
博客广场
实现一个 Code Pen：（三）10 行代码实现代码格式化
实现一个 Code Pen：（二）在 Next.js 中使用 Monaco Editor
Monaco Editor 是 VS Code 中使用的开源代码编辑器， 拥有代码高亮和代码自动补全的功能，Monaco Editor 支持的语言有很多，所以使用的时候不需要将全部语言都支持，我...
实现一个 Code Pen：（一）项目初始化
前言 前段时间掘金上线了一个新功能 Code pen，可以在线写代码，浏览器就可以运行预览，在文章中就可以插入代码片段，对 web 开发者大有裨益，非常方便读者对文章的理解...
开发一个在线代码对比工具
前言 在开发过程中，我们经常需要用到代码对比，对比下代码是否一致，有哪些改动，方便我们可以查看问题，今天我们就来说实现下，其实很简单，不需要后端，纯前端就可以...
网站迁移后，如何通过 Cloudflare 实现 301 重定向？
大家好！最近我将我的网站从 https://editor.runjs.cool/ 迁移到了 https://mdxnotes.com/。为了确保用户和搜索引擎能够顺利访问新站点，我决定通过 Cloudflare 来设置 ...
一个 create-react-app v5 的问题
前言 前两天我准备用 create-react-app 创建一个新项目，然后我在命令行下执行 npx create-react-app my-app 命令行下就会提示 Need to install the following packages...
Vercel 推出数据库存储服务，助力全栈开发
Vercel 是一个流行的 React.js、Next.js 等前端应用部署平台，我们可以一键将 Github 上的应用部署上线，但它缺少一个重要部分：数据库。不过现在已经有了四种新数据库...
Shadcn UI 现代 UI 组件库
前言 不知道大家是否使用过 Shadcn UI，它在Github 上拥有了 35k star，它与大多数 UI 组件库(如 Ant desgin 和 Chakra UI)不同，一般组件库都是通过 npm 的方式给项目...
使用 NextJS 和 TailwindCSS 重构我的博客
git 地址 在线地址 这是笔者第三次重构博客，虽然博客应用是最简单的应用，但学习新技术何不从重构博客开始？ 第一版：使用 Hexo 和 Github pages 优点：重新部署只要花...
使用 React 和 NodeJS 创建一个全栈项目
前言 我们都知道 React 非常优秀并且非常出色，我们可以使用 create-react-app 快速搭建一个前端应用。 但是由于 React 构建出来的只是前端静态资源（如：HTML、CSS 、J...
React 必学SSR框架——next.js
首先我们就回顾一下，我们到底是怎么告别了使用 php/jsp 做服务器端渲染，进入前后端分离的客户端渲染时代，又为什么重新回到了服务端渲染。 其实把 next.js/nust.js 称...
Next.js 应用实现权限管理
文章为稀土掘金技术社区首发签约文章，14 天内禁止转载，14 天后未获授权禁止转载，侵权必究！ 前言 在前面的文章中《使用 NextAuth.js 给 Next.js 应用添加鉴权与认证...
Next.js 全栈开发微信公众号 Markdown 排版编辑器
文章为稀土掘金技术社区首发签约文章，14 天内禁止转载，14 天后未获授权禁止转载，侵权必究！ 阅读本文，你将收获： 学会使用 Monaco Editor 开发多文件编辑器 学会使...
一起来写 VS Code 插件：实现一个翻译插件
前言 上一篇介绍了用 code snippets 的方式开发一个插件，本文将通过实现一个翻译插件实例的方式来熟悉 VS Code 插件开发的常见功能和方法。当然大家可以前往 VS Code ...
【对话ChatGPT】如何提高网站的访问量？
上周给博客开通的 Google adsense，收益比微信公众号好一些，收益跟访问量成正比，于是我问了 ChatGPT 这个问题。 如何提高网站访问量？ 以下是一些提高网站访问量的方...
用 NodeJS 开发一版在线流程图网站
源码：https://github.com/maqi1520/Clone-processon 背景 对于程序员来说，每天除了写代码，接触较多的可能是各种图表了，诸如流程图、原型图、拓扑图、UML 图以及思维...
ChatGPT 以及相关开源项目体验
本月初，ChatGPT 以惊人的速度问世，在技术圈中引起了广泛讨论。在 GitHub 上近期还诞生了多个 ChatGPT 相关的开源项目，数量之多令人瞠目结舌，甚至 ChatGPT 独霸了大...
35岁，我失业了
Hello 大家好，我是一名 90 后、工作 10 年+ 的前端程序员。 其实已经离职 2 周多了，本以为这只是一个短暂的过渡期，但是没想到会这么长，甚至会长时间。在 BOSS 上沟...
35 岁，被裁后，一个月找工作现状
title: 35 岁，被裁后，一个月找工作现状 失业一个月，聊聊被裁后这一个月，我找工作的情况，这个月内总共打招呼了 385 家，投递了 56 家，实际应该不止 56，因为我把简...
2023 web 设计趋势
翻译一篇文章 原文链接：https://redstapler.co/web-design-trends-2023/ 作者：TK 在过去的一年里，我们在网页设计领域看到了很多令人兴奋的发展。而在这篇文章中，我...
