上午好，今天为大家分享下个人对于前端API层架构的一点经验和看法。架构设计是一条永远走不完的路，没有最好，只有更好。这个道理适用于软件设计的各个场景，前端API层的设计也不例外，如果您觉得在调用接口时还存在诸多槽点，那就说明您的接口层架构还待优化。今天我以vue + axios…

上一个星期一直忙于救火，周末又赶去参加了 Tweb Conf(首次参加这类活动)，所以没什么输出。但是这个星期的紧张、忙碌以及焦虑，让我想明白了一些事情，写了本文，没什么干货，只是一些絮絮叨叨。 上周对我来说还有一个重要的里程碑是掘金等级到达 LV5。目标已经达成了，这是一种释…

先来一下演示效果。和vue的官方文档几乎是一致的，页面内容都可自定义。 此教程部署后的效果预览。 快速搭建一个文档/博客，后期只需要修改markdown内容和导航参数，即可一键打包生成页面。 页面具有非常好的加载性能和搜索引擎优化（SEO），其他的页面则会只在用户浏览到的时候才…

关于策略模式、模板模式和工厂模式的基础概念和优缺点可以自行了解一下，这里主要讲的是如何优雅地使用这三种模式保证服务符合：SRP（单一职责原则）和OCP（开闭原则）、耦合度低、可扩展性高和减少大量if else代码的场景。 1.环境(Context)角色：持有一个Strategy…

甘特图（Gantt chart）又称为横道图、条状图(Bar chart)、生产计划进度图。其通过条状图来显示项目，进度，和其他时间相关的系统进展的内在关系随着时间进展的情况。以提出者亨利·劳伦斯·甘特（Henry Laurence Gantt）先生的名字命名。 目前市面上最有…

通过es6新增class的属性创建的组件此组件创建简单. React 16.3版本后，使用此方法来创建ref。将其赋值给一个变量，通过ref挂载在dom节点或组件上，该ref的current属性,将能拿到dom节点或组件的实例 子组件通过React.forwardRef来创建，…

没错小伙子还是我，上次话说一半你就溜了，这次我非得好好的问问你。 消息重复消费是使用消息队列之后，必须考虑的一个问题，也是比较严重和常见的问题，帅丙我在开发过程中，但凡用到了消息队列，我第一时间考虑的就是重复消费的问题。 就比如有这样的一个场景，用户下单成功后我需要去一个活动页…

.filter 是数组内置的迭代方法，它接收一个断言函数，这个函数会在迭代的每个数组成员上调用，如果函数的返回值是真值，就过滤出（即保留）这个成员，否则（是假值的话）就过滤掉这个成员。最终 .filter 返回的是原数组的一个子集。 这一段话里面有很多概念需要解释！让我们逐一看…

事件循环（Event Loop），是每个JS开发者都会接触到的概念，但是刚接触时可能会存在各种疑惑。我是一个视觉型学习者，所以打算通过gif动图的可视化形式帮助大家理解它。 众所周知，JavaScript是 单线程（single-threaded） 的，也就是同一时间只能运行一…