Hello ，大家好，我是小马，一名小厂前端工程师，普通的不能再普通的小前端，本来不想写年终总结了，因为一年下来，也没啥变化，看到别人发年终总结文章，实在是自愧不...
博客广场
2022 年终总结，知识沉淀这一年
9 年小厂老前端的年终总结
前言 时光飞逝，岁月如梭，转眼来到 2021 年底，这一年少了些理性，多了点感性，少了些自由，多了一份责任，这一年视乎没做什么事情，但又过得非常充实，最欣慰的是回家...
盘点掘金 2021 高赞 Vue 文章
vue 中 Axios 的封装和 API 接口的管理 作者： 愣锤 点赞 4195 收藏 4896 阅读 200697 分类 前端 Vue 开发必须知道的 36 个技巧【近 1W 字】 作者： 火狼 1 点赞 4156 ...
盘点掘金 2021 点赞高达 6000，收藏过万的文章
写给初中级前端的高级进阶指南 作者： ssh\_晨曦时梦见兮 点赞： 6060 收藏： 10401 阅读： 243486 分类： 前端 1.5 万字概括 ES6 全部特性(已更新 ES2020) 作者： Jowa...
盘点掘金 2021 高赞 React 文章
「React 进阶」 React 全部 api 解读+基础实践大全(夯实基础 2 万字总结) 作者： 我不是外星人 点赞 2556 收藏 3283 阅读 48506 分类 前端 React 开发必须知道的 34 个...
使用免费插画资源网站设计公众号首图
前言 插画是网页设计的基石之一。吸引了用户的注意力，也给人留下了专业的印象。 尝试学习一个设计工具并自己完成它可能会销耗大量时间。找一名专业设计师设计又可能消...
10 张图，说透 Kubernetes 架构和数据流
本文是通过插图详细解释每个 Kubernetes 组件。 阅读本文，你将： 了解 Kubernetes 的架构 掌握 Kubernetes 的基本概念 了解 Kubernetes 架构组件 探索连接这些组件的工...
实现一个 Code Pen：（四）浏览器编译代码
前言 前面的文章中，我们配置好了编辑器，实现了 css、html、js 的编辑，现在我们需要做代码实时运行的功能了，并且可以直接写 less、scss、可以写 JavaScript、typescr...
实现一个 Code Pen：（三）10 行代码实现代码格式化
在上文中，我们使用 monaco-editor 结合 Next.js，打造了编辑器的功能，在本文中，我们将继续优化 monaco-editor， 使它拥有代码格式化的功能。 prettier 在浏览器使用 ...
实现一个 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 应用添加鉴权与认证...
