浅谈前端曝光率高的九大设计模式。分别从创建型：构造器模式、共产模式、单例模式；结构型：适配器模式、装饰器模式、代理模式；行为型：观察者模式、模板模式、命令模式

在前端开发中，设计模式是解决特定问题的经验总结和可复用的解决方案。设计模式可以提高代码的复用性、可维护性和可读性，是提高开发效率的重要手段。我们一起来看下7种前端开发中必须掌握的设计模式🚀。

这篇文章封装的axios已经满足如下功能： 无处不在的代码提示； 灵活的拦截器； 可以创建多个实例，灵活根据项目进行调整； 每个实例，或者说每个接口都可以灵活配置请求头、超时时间等。

axios取消重复请求： 相同的接口在上一个pending状态时，自动取消下一个请求； 请求失败重试： 接口请求后台异常时候，自动重新发起多次请求；请求接口数据缓存：接口在设定时间内不会向后台获取数据

前言 前段时间老板心血来潮，要我们前端组对整个的项目都做一下接口防止重复请求的处理（似乎是有用户通过一些快速点击薅到了一些优惠券啥的）。。。行吧，搞就搞吧，you happy jiu ok！

上传文件体积大时，如果使用把该文件直接在一个请求体中提交，会出现一些问题，性能和服务器压力会很大，而且无法断点续传，需要做优化！

全网”保姆级“大文件上传超详细教程，有Vue2跟Vue3版本搭配Node，切片上传 + 断点续传 + 秒传 + 暂停上传。学完后直接狂虐甲方！

如果写了大量的 `if` 分支，并且可能还具有**分支套分支**，可以想象到整个代码的可读性和可维护都会大大降低，这在实际开发中，确实是一个比较头疼的问题，那有没有什么办法能够即实现需求又能避免...

前言 前面篇章我们已经完成了开源组件库编码，接下来需要做的是打包发布到 NPM 上。编译打包 组件库需要做 2 种打包方式：全量打包、单组件打包，以提供给第三方调用者灵活选择。