初辰的博客

在后台系统开发领域，传统的单体架构已经无法满足现代企业的复杂需求。本文将深入探讨为什么微前端架构是后台系统的更优选择，并通过开源项目 PbstarAdmin 的完整实践案例，展示如何构建高性能、可扩展的微前端后台系统。

PbstarAdmin 是一套全面便捷的后台管理系统解决方案。它基于 wujie、rsbuild、pnpm 完成微前端架构，运用了 vue3、pinia、element plus 等主流技术栈。这个项目提供了脚手架、组件库、代码生成器等相关工具，帮助开发者快速搭建后台管理系统。

在项目中，我们经常遇到某些属性(settingKey)要项目内全局唯一，老是有同事搞到重复的，手动检查又很麻烦。为此，搞一个Vite自定义插件来自动检查是个不错的选择。

作为前端开发者，你是否经历过这样的场景？后端同事潇洒地说："接口都好了，就等你们前端调用了！"然后你打开文档，发现几十个字段的表格、表单、搜索条件、弹窗编辑……每个页面都要手动写  <el-table>、<el-form>、API 调用、分页逻辑…… ，全是重复劳动！于是我掀桌了！用Node写了个代码生成器，原本1天的工作量，现在3分钟就能完成！

随着AI技术的飞速发展，智能编程助手应运而生，为开发者们带来了前所未有的便捷与灵感。今天，我们将以五子棋小游戏开发为例，深入解读豆包MarsCode编程助手如何助力开发者，让编程变得更加简单、高效。

Rollup 是一个 JavaScript 模块打包器，专注于打包 ES6 模块将其编译回多种模块化格式，尤其适合打包库和框架，因为它可以生成更小、更高效的代码，并且特别适合将代码打包成可在浏览器中使用的库。

面试官让你自我介绍，而且不限定自我介绍的范围，肯定是面试官想从你的自我介绍中了解到你，所以介绍一定要保证简短和流畅，面对不同的面试官，自我介绍的内容可以是完全一样的，所以提前准备好说辞很重要，并且一定要注意：不要磕磕巴巴，要自信！流畅的表达和沟通能力，同样是面试官会对候选人考核点之一。我也曾当过面试官，自信大方的候选人，往往更容易受到青睐。1、个人介绍（基本情况），主要的简历都有了，这方面一定要短2、个人擅长什么，包括技术上的和非技术上的。技术上可以了解你的转场，非技术可以了解你这个人。

电商后台项目概述管理员使用的业务服务：PC后台管理端PC后台管理端的功能：管理用户账号（登录，退出，用户管理，权限管理），商品管理（商品分类，分类参数，商品信息，订单），数据统计前端项目是基于Vue的SPA（单页应用程序）项目，前端技术栈:Vue,Vue-Router,Element-UI,Axios,Echarts项目及数据库准备恢复依赖包安装进入 vue-api-server 目录，运行如下命令，进行恢复安装npm install数据库创建及导入新建数据库 shop_admin，找到

一、认识 webpackwebpack 是一个流行的前端构建工具，可以解决当前web开发中所面临的各种困境(我们主要开发的就是web程序，而浏览器对高级语法的支持不是很好，所以需要工具进行语法转换)webpack 提供了友好的模块化 支持，以及代码压缩混淆、处理 js 兼容问题、性能优化等强大功能，从而让程序员将工作中心放到具体的功能实现上，提升开发效率和项目的可维护性二、安装和配置以隔行变色案例为例1.初始化项目npm init -y2.跟目录下新建 src 目录，作为代码文件目录

前端布局典型案例一、题目要求及页面效果示意图1）如下图布局，分为上下两栏，下面一栏又分左右两栏。上栏宽度为100%、高度为200px，下栏左侧栏宽度为100px，下栏右侧栏根据页面宽度自适应。请写出具体的HTML和css代码。2）当浏览器宽度减少到700px后，顶部栏高度变为50px，下栏左侧栏消失，下栏右侧栏宽度为100%。二、考点分析基础的布局知识，可以用伸缩布局和定位等多种方法实现。媒体查询，媒体查询根据屏幕尺寸的变化进行动态适配，语法为 @media (条件) {}。三、解答

前端rem布局知识总结为什么使用 rem 布局？媒体查询为什么使用媒体查询？媒体查询语法mediatype 查询类型关键字(逻辑操作符)媒体特性媒体查询书写规则为什么使用 rem 布局？采用 rem 布局，可以让屏幕发生变化时，元素的高度和宽度以及文字大小等能够等比例缩放父元素文字大小可能不一致， 但是整个页面只有一个html，可以很好的控制整个页面的元素大小媒体查询为什么使用媒体查询？媒体查询可以在不同大小的屏幕中渲染当前页面时，动态的根据当前屏幕初始化 html 的 font-size

flex伸缩布局传统布局和flex伸缩布局的区别？父项属性flex-direction主轴方向flex-wrap是否换行justify-content主轴排列方式align-items侧轴排列方式（单行）align-content侧轴排列方式（多行）子项属性order排列顺序传统布局和flex伸缩布局的区别？传统布局兼容性好布局繁琐局限性，不能再移动端很好的布局flex布局操作方便，布局极其简单，移动端使用比较广泛pc端浏览器支持情况比较差 IE11或更低版本不支持flex或仅支持部