设计思想 源码 思想vue3
行为型设计模式-访问器 Visitor
### 简介 在不改变原有类的前提下，可以新增不同的访问器，每种访问器都可自定义访问策略。 如超市购物车里什么物品都有，顾客遍历访问商品主要查看商品是否过期，包装是否完整，收银员遍历商品主要查看价格。顾客和收银员可以理解为两种Visitor，各自关注的重点就是Visitor中的visit方法实现逻辑 ......
行为型设计模式-状态 State
### 简介 跟状态机密切相关。有限状态机 FSM 包含 状态、事件、动作三个元素。 当发生一个事件时，引发老状态变成新状态，并执行一个动作。 状态和行为间一般是有限制的，如某些行为只能再某些状态下进行，某些状态只能触发某些行为。 简单的状态间转换可使用 if else。 更有条理的可以用查表法：二 ......
行为型设计模式-策略 Strategy
### 简介 一组实现了同一个策略接口的策略，可以随时指定用哪一种策略完成业务。 策略模式其实跟桥接模式很像，都是通过持有另一个对象，达到组合的效果。 ### 角色 - Context 上下文 可设置使用的 Strategy - 抽象 Strategy - 具体 Strategy ### 类图 如图 ......
行为型设计模式-模板方法 Template Method
### 简介 父类抽象类定义大的处理流程，部分细节做成抽象方法，留给子类去实现。 如Java的JUnit中， setUp tearDown方法都是留给具体的测试用例来写，Servlet中service处理了一个请求的大部分工作，留下doGet和doPost给业务自定义处理。 另外callback一般 ......
行为型设计模式-备忘录 Memento
### 简介 允许在不暴露对象实现细节的情况下保存和恢复对象之前的状态，该状态保存在对象之外，这样就可以不破坏原有对象的封装性了。 ### 角色 - Originator 原发器 即需要被保存状态的类 - 抽象 Memento 备忘录类 定义备忘录基本接口 可以看做成是快照 Snapshot - 具 ......
火山引擎 DataTester 首推A/B实验经验库，帮助企业高效优化实验设计能力
更多技术交流、求职机会，欢迎关注字节跳动数据平台微信公众号，回复【1】进入官方交流群 近日，火山引擎 DataTester 推出了重要功能——A/B实验经验库。 基于在字节跳动已完成150万余次A/B实验的经验，DataTester 首创了A/B实验经验库功能。该功能可帮助业务人员将历史的A/B实验 ......
Java程序员学vue3最好的方式就是搭建后台管理模板
作为Java程序员，vue3还是有必要学的，我推荐学会了vue3基础的Java工程师，尝试搭建自己的后台管理模板，这是提高vue3熟练度最快的方式。 ......
直播系统源码，系统分析篇：不可或缺的云转码系统
云转码系统作为直播系统源码平台不可或缺的系统之一，它的根据不同设备终端与网络状况等因素变换质量，让平台用户能够在不同的时间和地点享受到高清、低延迟的优质体验，并且可以在多种场景中起到关键的作用，云转码系统使直播系统源码平台具有广泛的应用前景和价值。 ......
vue3 mitt快速上手
为什么要使用mitt？因为vue3已经没有提供配套的事件总线bus，需要使用第三方库mitt来完成vue2中bus完成的事情 第一步：安装mitt npm install mitt1第二步：在项目的js文件中导入mitt（局部注册） // mitt.js文件import mitt from 'mit ......
工厂设计模式
### 工厂设计模式 #### 简单(静态)工厂模式 ##### 基本介绍 - 1.简答工厂模式，属于创建型模式，是工厂模式的一种。简单工厂模式是由一个工厂对象决定创建哪一种产品类的实例。简单工厂模式是工厂模式家族中最简单，最实用的模式。 - 2.简单工厂模式：定义了一个创建对象的类，由这个类来封装 ......
25.函数封装思想
# 25.函数封装思想 函数封装的思想-处理异常情况 结合man-page和errno进行封装。 在封装的时候起名可以把第一个函数名的字母大写，如socket可以封装成Socket，这样可以按shift+k进行搜索，shift+k搜索函数说明的时候不区分大小写，使用man page也可以查看，man ......
Swin-Transformer 源码学习与使用手册
拜读了VIT以及TNT以及Swin-Transformer 的论文，结合B站up主的分析， 预感Swin-Transformer具有ResNet似的跨里程碑式的意义， 因此学习Swin-Transformer源码及其使用，记录如下。 Run Swin-Tpython -m torch.distrib ......
Vue源码学习(二):<templete>渲染第一步,模板解析
好家伙， 1.<template>去哪了 在正式内容之前,我们来思考一个问题, 当我们使用vue开发页面时,<tamplete>中的内容是如何变成我们网页中的内容的? 它会经历四步: 解析模板：Vue会解析<template>中的内容，识别出其中的指令、插值表达式（{{}}），以及其他元素和属性。 ......
网红淘客卷轴模式系统开发介绍和部分源码分享
网红淘客也是一种卷轴模式系统。什么是卷轴模式呢？新用户注册，先送你一部分积分，该积分用于兑换一个初始任务，俗称卷轴！卷轴模式的赚钱的原理是，你用积分兑换初级任务包，完成卷轴任务之后，你可以获得更多的积分，然后复投，达到一定数量后可以兑换更高级的任务包，任务包越高级每次获得的积分也就越多。这些积分可以 ......
字符界面设计
【知识目标】 熟悉Java语言中的基本数据类型 熟悉Java语言中的常量和变量 熟悉Java语言中的数据类型的转换 熟悉Java语言中的运算符和表达式的使用 【能力目标】 会使用Java中的常量、变量及不同的数据类型表达数据信息 会使用Java中的表达式进行计算 能进行不同数据类型的相互转换 【素质 ......
vue3 | mitt的基本使用
# 一、安装 ``` npm i mitt ``` ``` pnpm i mitt ``` ``` yarn add mitt ``` # 二、使用 ## （一）、当前组件内使用 ```javascript import mitt from 'mitt' //创建一个事务总线 const emitt ......
行为型设计模式-观察者(发布订阅) Observer
### 简介 也叫做发布/订阅模式，多个观察者可订阅一个主题对象，当主题状态发生变化时会通知所有已订阅的观察者，观察者可自由处理。 ### 角色 - Subject/Publisher 主题/发布者 维护已订阅的观察者 通知已订阅的观察者 - 抽象Subscribe 订阅者 定义订阅者接口 - 具体 ......
行为型设计模式-中介者 Mediator
### 简介 通过引入一个中介者，将对象之间两两交互的情景，改为每个对象都是与中介者交互，即将网状关系改成了星状关系。缺点是中介者逻辑会很臃肿。 当系统中出现多对多的情况时，应该先考虑设计是否合理，而尽量不要直接使用中介者。 ### 角色 - 抽象Mediator中介者 - 具体Mediator中介 ......
行为型设计模式-迭代器 Iterator
### 简介 提供一种方法顺序访问一个聚合对象中的各个元素，而又不需要暴露该对象的内部表示。 ### 角色 - Iterator抽象迭代器 - Collection抽象集合 - ConcreteIterator具体迭代器 - ConcreteCollection具体集合 ### 类图 如图，Iter ......
行为型设计模式-命令 Command
### 简介 client 发出的请求，都被封装成 Command 对象，每个 Command 对象代表一种操作，Command 具体操作的是 Receiver 对象内的方法。实现动作与目标隔离和复用的目的。 ### 角色 - 抽象 Command - Receiver 真正干活的 - 具体 Com ......
行为型设计模式-责任链 Chain Of Responsibility
### 简介 使多个对象都有机会处理请求，从而避免请求的发送者和接收者之间的耦合关系。将这些对象连成一条链，并沿着这条链传递该请求，直到有一个对象处理它为止。 ### 角色 - Handler 接口 定义处理方法签名，设置nextHandler方法 - Concrete Handler 具体类 实现 ......
MacBook 搭建 VUE3 开发环境
MacBook 搭建 VUE3 开发环境 作者：IT蜗壳-Tango 2021-11-06 本文字数：552 字 阅读完需：约 2 分钟 最近在看“大圣”老师的《玩转 Vue 3 全家桶》专栏。目前（2021.11.6）还在连载中，今天就一起在 Mac 上搭建一下开发环境。 1. 安装 Node.j ......
vue3 使用provide inject父子组件传值传不过去且传递后子组件不具备响应性
通过axios异步获取数据后传值 问题：在项目中一般是通过接口请求到数据后再传递给子级，provide和inject如果直接再调用接口的方法内传值会报警告，而且值也传递不过去。就是说provide()必须在setup根节点处才能使用，在方法里面用是不行的 但是，直接在setup根节点处传递，由于数据 ......
vuejs3.0 从入门到精通——vue3创建项目的时候卡顿，比较慢
vue3 创建项目的时候卡顿，比较慢 使用 vue3 命令 vue create vue3-element-plus-admin 创建项目时，一直出现卡顿，导致无法创建项目，如下： 解决办法： 1、检查 npm 源： //查看源，可以看到设置过的所有的源 $ npm config get regis ......
vue3集成jsoneditor
## 一、背景 之前在做录制回放平台的时候，需要前端展示子调用信息，子调用是一个请求列表数组结构，jsoneditor对数组的默认展示结构是[0].[1].[2]..的方式，为了达到如下的效果，必须用到 onNodeName的钩子函数，因此深入调研了下vue3如何集成jsoneditor 最后做出来 ......
《Java架构师的第一性原理》65系统架构之架构设计方法论
4 规范 (Must have)规范一：非数据服务做到无状态，避免同一集群内的节点间有功能差异； 做到实例可以被随时停止、重启、增加，并且完全不依赖于本地磁盘或者内存规范二：服务具备优雅重启规范三：服务提供的API建议采用http\grpc, json\pb规范，不建议其他自定义格式规范四：线上服务 ......
结构型设计模式-代理 Proxy
### 简介 代理与装饰器很像，都是在原有类基础上，增量做改动。 不同在于，代理模式下，client 直接操作的就是 proxy 对象，new 的就是 proxy 对象，不可以让client 直接操作被代理对象，相当于原始类被完全隐藏掉了。 **类比现实生活，租房代理是不会让客户直接跟房东联系的，客 ......
即时通讯技术文集（第19期）：IM架构设计基础知识合集 [共13篇]
为了更好地分类阅读 52im.net 总计1000多篇精编文章，我将在每周三推送新的一期技术文集，本次是第19 期。 [-1-] 微信后台基于时间序的新一代海量数据存储架构的设计实践 [链接] http://www.52im.net/thread-2970-1-1.html [摘要] 时隔3年，微信 ......
设计模式-建造者模式
建造者模式是一种**创建型**的设计模式, 将一个对象的创建过程拆分成一个个小的部分, 每次决定其中的一个细节, 构建出一个复杂对象 对象的创建过程被拉长分散, 可能会经历一系列的复杂决策, 最终才会形成我们需要的对象 对象拥有多个参数, 或者拥有包含多个参数的构造函数, 通过建造者模式可以相对自由 ......