不知道有没有跟我一样，对于设计模式存在困惑的，以我为例，不瞒大家，我对设计模式真的是“看山就是山”、“看水就是水”、“看理论就是看理论”。毕业之前，我自己捣鼓的东西/项目，几乎没有设计的思想。老夫才不管那么多，直接梭哈，But，正是因为这样，才导致因设计缺陷、代码实现缺陷，为后…

当然我们可以用一个通俗的说法：设计模式是解决某个特定场景下对某种问题的解决方案。因此，当我们遇到合适的场景时，我们可能会条件反射一样自然而然想到符合这种场景的设计模式。 比如，当系统中某个接口的结构已经无法满足我们现在的业务需求，但又不能改动这个接口，因为可能原来的系统很多功能…

前言 大家好，我是林三心，大家也知道，本菜鸟平时写基础文章比较多，我始终坚信两句话 用最通俗易懂的话，讲最难的知识点 基础是进阶的前提 实际开发中，或许咱们会使用很多JavaScript自带的方法，而

说起图片压缩，大家想到的或者平时用到的很多工具都可以实现，例如，客户端类的有图片压缩工具 PPDuck3， JS 实现类的有插件 compression.js ，亦或是在线处理类的 OSS 上传，文件上传后，在访问文件时中也有图片的压缩配置选项，不过，能不能自己撸一套 JS 实…

讲述了有关 JavaScript 中原型相关知识，又引出了 JavaScript 中的**“类“**究竟是什么？，以及一系列相关问题。 ​ 面向对象是对真实世界的抽象，目前主要 OOP 语言用来实现对象的基础是类，通过类的封装、继承来映射真实世界。 ​ JavaScript 也…

前端上传图片已经是一个老生常谈的话题了，本人也在工作中多次遇到这类需求，虽然现在市面上现有的插件也很多，但是，本着自己造轮子的想法，打算自己搞一波，也是对相关知识的一个总结和梳理。 利用type='file' input标签来获取图片的files对象。 将files对象通过Fi…

要理解DOM相关事件，我们先要理解“事件流”这个概念，事件流描述的是从页面中接收事件的顺序。 事件冒泡：事件开始由最具体的元素接收，然后逐级向上传播到较为不具体的节点或文档。 事件捕获：事件开始由不太具体的节点接收，然后逐级向下传播到最具体的节点。它与事件冒泡是个相反的过程。 …