Math点PI

2023年3月17日

摘要：个人理解：抽离公共方法所需的属性进行共享；不需要的字段抽离到外面进行管理。 1、享元模式享元模式（Flyweight Pattern）主要用于减少创建对象的数量，以减少内存占用和提高性能。这种类型的设计模式属于结构型模式，它提供了减少对象数量从而改善应用所需的对象结构的方式。享元模式尝试重用现有阅读全文

posted @ 2023-03-17 10:47 Math点PI 阅读(23) 评论(0) 推荐(0)

设计模式5——模板方法模式

摘要： 1、定义模板方法模式由两部分结构组成，第一部分是抽象父类，第二部分是具体的实现子类。 2、核心在抽象父类中封装子类的算法框架，它的 init方法可作为一个算法的模板，指导子类以何种顺序去执行哪些方法。由父类分离出公共部分，要求子类重写某些父类的（易变化的）抽象方法 3、实现模板方法模式一般的阅读全文

posted @ 2023-03-17 10:04 Math点PI 阅读(25) 评论(0) 推荐(0)

2023年3月16日

设计模式4——发布订阅模式

摘要：发布订阅——老生长谈的一个设计模式，还有一个观察者模式 1、定义也称作观察者模式，定义了对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都将得到通知 2、核心取代对象之间硬编码的通知机制，一个对象不用再显式地调用另外一个对象的某个接口。与传统的发布-订阅模式实现方阅读全文

posted @ 2023-03-16 16:51 Math点PI 阅读(89) 评论(0) 推荐(0)

设计模式3——代理模式

摘要： 1、代理模式主要有三种：保护代理、虚拟代理、缓存代理保护代理主要实现了访问主体的限制行为 2、常见的例子有：过滤字符（限制部分优美辞藻）； Vue 过滤器（代理字符串，返回修改后的值）；计算属性（缓存代理）；防抖节流（代理事件行为，使用虚拟代理，达到对性能的保护） 3、实现：这部分实现可以阅读全文

posted @ 2023-03-16 15:51 Math点PI 阅读(14) 评论(0) 推荐(0)

设计模式2——策略模式

摘要：策略模式 1、定义定义一系列的算法，把它们一个个封装起来，并且使它们可以相互替换。 2、核心将算法的使用和算法的实现分离开来。一个基于策略模式的程序至少由两部分组成：第一个部分是一组策略类，策略类封装了具体的算法，并负责具体的计算过程。第二个部分是环境类Context，Context接受客阅读全文

posted @ 2023-03-16 15:37 Math点PI 阅读(18) 评论(0) 推荐(0)

设计模式1——单例模式

摘要：单例模式：在使用构造函数时，保证全局只有一个new 出来的对象，后续无论如何调用，都是显示为第一次构造的对象；需更改内部属性，可以通过提供函数接口更改核心：确保只有一个实例，并提供全局访问 ` class student1{ constructor({name,age,sex}){ this. 阅读全文

posted @ 2023-03-16 15:00 Math点PI 阅读(17) 评论(0) 推荐(0)

2023年2月14日

高德地图手动实现轨迹，vue

摘要：预览效果 1、高德地图的官网使用的是web端，jsapi； https://lbs.amap.com/api/jsapi-v2/summary 2、准备 https://lbs.amap.com/api/jsapi-v2/guide/abc/prepare 注册账号——申请key，安全密钥，完全跟阅读全文

posted @ 2023-02-14 15:30 Math点PI 阅读(587) 评论(0) 推荐(0)

vue2响应式原理

摘要：对象的变化侦测： defineProperty 循环递归为data中的数据进行设置访问器属性；并在getter中收集（设置）依赖，set中触发依赖源码关键方法：observe walk Observer defineReative 闭包 Dep def 数组的变化侦测： getter中收集依赖，在阅读全文

posted @ 2023-02-14 15:19 Math点PI 阅读(24) 评论(0) 推荐(0)

2023年1月11日

蹦床函数实现深度递归的深拷贝；递归改循环，避免栈溢出

摘要： 1、先写蹦床函数——可以将递归转为循环执行点击查看代码 //蹦床函数 function toc(func) { let argsArr = []; let active = false; return function () { argsArr.push(arguments) if (!activ 阅读全文

posted @ 2023-01-11 15:23 Math点PI 阅读(38) 评论(0) 推荐(0)

2023年1月9日

uniapp 内嵌安卓PAD；页面问题大致汇总

摘要：背景：uniapp video内置插件和vue-video-js插件问题； 1、video元素在uniapp会被二次编译；所以在uniapp中使用vue-video-js插件，会导致video元素无法渲染，因为html结构不正确；解决方法：暴力修改，直接修改player.vue中的video元素获阅读全文

posted @ 2023-01-09 11:06 Math点PI 阅读(338) 评论(0) 推荐(0)

公告