摘要：
在日常开发中有很多场景我们都需要用到节流函数和防抖函数，比如：实现输入框的模糊查询因为需要轮询ajax，影响浏览器性能，所以需要用到节流函数；实现手机号、姓名之类的的验证，往往我们只需要验证一次，这个时候我们就需要用到防抖函数；但是网上的很多资料都是不够具体和便于理解。今天自己翻阅了一些资料之后，来 阅读全文
摘要：
什么是设计模式？ 设计模式（Design pattern）是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结，设计模式并不是一种固定的公式，而是一种思想，是一种解决问题的思路；使用设计模式是为了可重用代码，让代码更容易被他人理解，保证代码可维护性。 设计模式不区分编程语言，设计模 阅读全文
摘要：
matomo是一款Google-analytics数据埋点采集上报的平替方案，可保护您的数据和客户的隐私；正如它官网的slogan: Google Analytics alternative that protects your data and your customers' privacy; 该 阅读全文
摘要：
背景： 随着项目体量越来越大，用户群体越来越多，用户的声音也越来越明显；关于应用发版之后用户无感知，导致用户用的是仍然还是老版本功能，除非用户手动刷新，否则体验不到最新的功能；这样的体验非常不好，于是我们团队针对该问题给出了相应的解决方案来处理；技术栈：vue3+ts+vite+ant-design 阅读全文
摘要：
随着项目的日渐迭代，项目整体的代码量也会越来越多，从而导致项目体积越来越大；在Webpack时代，很多人会对历史项目（巨型项目）感到头疼，因为往往巨型项目在本地开发调试的时候会因为本地代码的修改触发HMR热更新重载页面，然而这一过程在Webpack的运行机制中显得很慢，并且是随着项目越大，热更新的速 阅读全文
摘要：
javaScript是单线程的语言： 众所周知，javaScript是一门单线程语言；何为单线程？我的理解是：同一时间只能做同一件事；单线程在程序执行时，所走的程序路径按照连续顺序排下来，前面的必须处理好，后面的才会执行。 白话解释： 假如去某银行办理业务，某银行的单次业务接待总量为100个客户，但 阅读全文
摘要：
命令模式是JavaScript设计模式中行为型的一种设计模式； 定义： 向某些对象发送请求，但是并不知道被请求的操作具体是什么，所以我们希望以一种松耦合的方式来设计程序，使得请求发送者和接收者之间能够消除彼此之间的耦合关系；而我们的这种松耦合的方式就是命令模式； 白话解释： 假如你是你们公司研发部门 阅读全文
摘要：
职责链模式是设计模式中行为型的一种设计模式； 定义： 使多个对象都有机会处理请求，从而避免请求的发送者与接收者之间的耦合关系，将这些处理请求的对象形成一个链，并沿着这个链传递请求，直到有一个对象处理它为止； 白话解释： 作者坐标武汉，1000+万人口的新一线城市 ；以早高峰公交为例，早上早高峰的时候 阅读全文
摘要：
代理模式属于设计模式中结构型的设计模式； 定义： 顾名思义就是为一个对象提供一个代用品或占位符，以便控制对它的访问！ 白话解释： 很多明星都是有经纪人的，如果要联系明显进行商演或者开演唱会之类的商业活动通过是需要先跟经纪人取得联系的，跟经纪人谈好了合作事宜之后经纪人再转达给某明星，然后某明星才会去参 阅读全文
摘要：
适配器模式是设计模式行为型模式中的一种模式； 定义： 适配器用来解决两个已有接口之间不匹配的问题，它并不需要考虑接口是如何实现，也不用考虑将来该如何修改；适配器不需要修改已有接口，就可以使他们协同工作； 白话解释： 你买了某种电器产品，准备带回家好好感受该款产品的魅力；结果带回家之后准备通电使用的时 阅读全文
摘要：
策略模式是JavaScript设计模式中行为型的设计模式； 定义： 定义一系列算法，并将这些算法各自封装成策略类（方法），然后将不变的部分和变化的部分分离开来，并且这些算法可以相互替换 白话解释： 实际上所谓的策略模式就是指根据不同的策略来执行不同的方法，是不是很类似与if-else分支判断；但是策 阅读全文