面对复杂的业务场景，千变万化的客户需求，如何以一变应万变，以最小的开发成本快速落地实现，同时保证系统有着较低的复杂度，能够保证系统后续de持续迭代能力，让系统拥有较高的可扩展性。 这些是一个合格的架构

当然也提出了不少的问题与优化的点。在假期的最后的两天，虽然非常的不想碰代码，但是想到之前答应大家更新的需求，还是默默地打开了电脑 🙄🙄。 当然所有的更新都是对之前的配置文件做向下兼容的，所以大家可以放心的升级使用。请阅读下方文本熟悉工具使用方法。 前端一键自动化部署脚手架服…

在软件工程中，设计模式（Design Pattern）是对软件设计中普遍存在（反复出现）的各种问题，所提出的解决方案。根据模式的目的来划分的话，GoF（Gang of Four）设计模式可以分为以下 3 种类型： 1、创建型模式：用来描述 “如何创建对象”，它的主要特点是 “将…

在转转的中台业务中，交易流转、业务运营和商户赋能等功能，主要集中在两个系统中（暂且命名为 inner/outer ）。 两个系统基座(功能框架)类似，以inner系统为例，如图： 初次接触上述问题时，闪现在脑海里的是：用 iframe 呀。确实，刚开始也是这样做的。 由于没有统…

BetterScroll v1 版本发布至今已经两年多，这期间 BetterScroll 无论是在我们公司内部的业务以及社区内，经受住了大量的场景考验，同时也新增了不少特性。无论是我们内部开源组件库的 cube-ui，还是社区内的 mpx、taro、vue-better-scr…

如果近期你有关注 Vue 的动态，就能发现 Vue 作者最近一直在捣鼓的新工具 vite。vite 1.0 目前已经进入了 rc 版本，马上就要正式发布 1.0 的版本了。几个月前，尤雨溪就已经在微博介绍过了 vite ，是一个基于浏览器原生 ESM 的开发服务器。 早期 We…

一般情况下都是通过重写js原生事件然后拿到错误信息，比如ajax请求，通过重写xhr、fetch事件来截取接口信息，所以我们需要优先编写一个易于重写事件的函数来复用。 所有的请求第三方库都是基于xhr、fetch二次封装的，所以只需要重写这两个事件就可以拿到所有的接口请求的信息…

从第一篇看到目前这篇博客的同学，如果团队缺少合适的项目管理或者想练习 node 的情况下，可以上手试试看，一般关键的代码，我有直接贴在博客上（大部分复制就能用啊）。 后面的内容就是贴合业务直接 curd 代码，基础篇到此结束。 下一篇就会出构建篇，团队可以结合自己项目实际情况增…

随着vue/react这类以数据驱动为主的web框架的不断完善和壮大，越来越多的前端团队开始着手搭建内部的组件库。虽然目前市面上已经有很多功能强大且完善的组件库供我们使用，比如基于react的开源组件库ant-design，material，又比如基于vue的开源组件库elem…