FinnChen

重复学习了很多年 从事前端开发已经超过5年，自诩也是一个坚持学习的程序猿。 今年工作不是很忙，并且职场的35岁槛已经到来，既有时间又有压力，于是更多的时间在思考成长这件事。 最近在做的一件特别重要

当想使用一项新的技术时，大量的重构工作会让你不得不放弃使用新技术的想法时，这时选择微前端方案，可以大幅降低接入旧项目的成本，使用新技术开发新的功能或重构部分旧的功能模块。

最近在写项目遇到一个需求，根据树形数据渲染出流程图。最终选定用X6来实现，如果是正常流程图，根据数据直接渲染即可，但是实际流程图有横向有纵向，所以最终决定手算坐标并渲染。计算涉及到树的层级算法、递归

项目技术栈 集团官网技术栈 响应式布局 next13 + react18 + ts pages router GSAP threejs 多语言 项目规范: Prettier Eslint Husky

最近发现公司的krpano切图服务非常慢，严重影响了用户使用，而且我们使用的功能比较单一只有多分辨率切图一项，所以思考用其他方案代替切图服务，自己开发的好处就是可控性强，个性化开发更新迭代方便。

初始化项目 vscode 里下好插件：eslint，prettier，stylelint 官网模版创建项目：pnpm create vite react-starter --template reac

微前端的特性：“技术栈无关”，“独立开发、独立部署”，“环境隔离” 这意味着我们可以循序渐进的进行巨石应用的拆解，去技术升级、去架构尝试、去业务拆解等等。以低成本、低风险的进行，为项目带来更多可能性

在大多数后台管理系统中，用户需要同时打开多个标签页来处理不同的任务，然而，当用户在一个标签页上进行了操作，切换到另一个标签页时，原来标签页的状态会丢失，给用户的体验带来了不便，保活就极大的提高了体验

提前声明本篇文章为转发文章，作者为陈浩（网名又叫左耳朵耗子），文章出处为：酷 壳 – CoolShell。 文章原文链接为：如何超过大多数人 正文开始： 当你看到这篇文章的标题，你一定对这篇文章产生了