前端市界

参考drawio的drawio-tools，用于解码drawio导出的xml文件，产出mxgraph能识别的xml，用于mxgraph渲染，核心是利用pako 封装 使用...

drawio配置项，通URL参数配置对drawio的功能进行个性化设置，或者在二次开发的时候通过配置启停某些功能、设置功能的默认值等...

本文从使用角度入手，循序渐进的讲述 DrawIO 是什么，为什么要基于 DrawIO 进行二次开发以及 DrawIO 二次开发的核心技术细节并抽象出了一套通用二开架构，因此...

一、配置prettier 1、使用npx初始化一个项目，这里我使用typescript模板的方式构建项目 2、参考官方的方式配置，官方地址 3、安装插件包 4、在根目录下创...

Nginx是一个开源的高性能HTTP和反向代理服务器。它可以用于处理静态资源、负载均衡、反向代理和缓存等任务。Nginx被广泛用于构建高可用性、高性能的Web应用程序和网站...

最近在开发公司的门户网站，由于技术栈是 React，所以就用了 Next.js 来开发。这里记述一下开发过程。...

引言 Next.js是一个构建于Node.js 之上的开源Web 开发框架，支持基于React 的Web 应用程序功能，例如服器端渲染和生成静态网站。相较于传统React项...

Docker 对前端的意义也很重大。 实际上，Docker 的世界里，并不区分什么前端、后端，没有人说只适合后端、不适合前端 … 在运维的眼里更是如此...

这篇文章我们将自己独立去开发并部署一个以`markdown`驱动的**静态站点博客**，所用技术栈如下...

当将现代应用程序部署到生产环境中，使用容器化技术已成为一种常见的做法。Docker，作为一种流行的容器化平台，为开发者提供了一种便捷的方式来封装应用程序及其依赖，从而实现一...

React 在如何组织结构方面非常开放。这正是为什么我们有责任保持项目的整洁和可维护性。 今天，我们将讨论一些改善 React 应用程序健康状况的最佳实践。这些规则被广泛接...

不久前，React官网进行了重构。新官网将hook作为介绍的重头戏，重新通读了一遍react文档，有了一些自己的感悟。在此分享出来与各位共勉。 1. 换个角度认识Props...

环境配置 前端的一些大型项目都使用脚手架开发，脚手架需要借助node环境。 终端输入 node -v 即可查看当前node版本。 如果电脑没有node环境，必须进行安装。 ...

前言 🎉 本文将从三个角度（页面渲染，打包优化，总体优化）分析前端性能优化的一些方案。如有错误，欢迎指出，也可以在评论区提出你对性能优化的一些见解，相互学习，共同进步！�...

前几天在一个前端群里，看到一位群友在吐槽react不支持keepalive，没办法实现多页签，这篇文章就我就用react 基于antd pro 5实现一下这个功能。...

首先，我们将谈论什么是简洁架构，并熟悉诸如领域（domain）、用例（use case）和应用层（application layers）等概念。然后，我们将讨论这如何适用于...

Next.js 是一个 React 框架，它提供了创建 Web 应用程序的主要模块。 框架，指的是 Next.js 处理 React 所需的工具和配置，并为应用程序提供额外...

万众期待的基于Vite4的React全家桶教程来啦！React18、Redux Toolkit、React Router6还有Antd5主题换肤等多个细节。干货满满，不要错...

用vite搭建React+ts项目，爽的飞起！ 本篇作为我自己从零学习React的一个记录，从项目搭建到类组件、react-router、redux、以及Hooks等，这是...