场景1：没有依赖倒置的耦合代码

1. 定义具体的消息服务类

1
2
3
4
5
6
7
8
9
10
11
12
13

// services/EmailService.js
export default class EmailService {
  send(to, message) {
    console.log(`Sending email to ${to}: ${message}`);
  }
}

// services/SMSService.js
export default class SMSService {
  send(to, message) {
    console.log(`Sending SMS to ${to}: ${message}`);
  }
}

2. 在组件中直接依赖具体的服务

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

<!-- components/NotificationComponent.vue -->
<template>
  <div>
    <button @click="sendNotification">Send Notification</button>
  </div>
</template>

<script setup>
// 直接引入具体的消息服务实现
import EmailService from '../services/EmailService';
// import SMSService from '../services/SMSService'; // 如果想使用 SMS 服务，需要手动修改这里

const emailService = new EmailService();
// const smsService = new SMSService(); // 如果要切换到 SMS 服务，需要手动创建实例

const sendNotification = () => {
  emailService.send('user@example.com', 'Hello without Dependency Inversion!');
  // smsService.send('123-456-7890', 'Hello via SMS!'); // 如果要使用 SMS 服务，需要手动修改这里
};
</script>

场景1结论

假设你想从 EmailService 切换到 SMSService，你需要在组件代码中手动进行以下修改：

• 修改 import 语句，切换到新的服务类。
• 修改实例化代码，使用新的服务类创建实例。
• 修改所有调用代码，确保使用新的服务实例发送消息。

场景2：使用依赖倒置解耦合代码

1. 定义 MessageService 抽象接口

1
2
3
4
5
6

// services/MessageService.js
export default class MessageService {
  send(to, message) {
    throw new Error('This method should be overridden');
  }
}

2. 定义具体的消息服务类

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

// services/EmailService.js
import MessageService from './MessageService';

export default class EmailService extends MessageService {
  send(to, message) {
    console.log(`Sending email to ${to}: ${message}`);
  }
}

// services/SMSService.js
import MessageService from './MessageService';

export default class SMSService extends MessageService {
  send(to, message) {
    console.log(`Sending SMS to ${to}: ${message}`);
  }
}

3. 在页面中提供消息服务

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

<!-- page.vue -->
<template>
  <div>
    <NotificationComponent />
  </div>
</template>

<script setup>
import { provide } from 'vue';
import EmailService from './services/EmailService';
// import SMSService from './services/SMSService'; // 可以替换 EmailService

const messageService = new EmailService();
// const messageService = new SMSService(); // 如果想使用 SMS 服务，可以替换上面的实例化

provide('messageService', messageService);
</script>

4. 创建消息服务的组件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

<!-- components/NotificationComponent.vue -->
<template>
  <div>
    <button @click="sendNotification">Send Notification</button>
  </div>
</template>

<script setup>
import { inject } from 'vue';

const messageService = inject('messageService');

const sendNotification = () => {
  messageService.send('user@example.com', 'Hello via Vue 3 and Dependency Inversion!');
};
</script>

场景2结论

解耦: 组件和服务实现之间是解耦的，组件只关心 MessageService 抽象接口，而不关心具体的实现。
灵活性: 可以轻松替换不同的服务实现而无需修改组件代码。
可测试性: 组件依赖于抽象接口，可以轻松地在测试中替换为模拟实现。

依赖倒置的核心思想是：”高层模块不应该依赖于低层模块，而是应该依赖于抽象接口”。

在开发过程中总是避免不了npm包源码不适配我们的需求，通常我们都是提pr或者fork本地改造。但是，有没有能在本地修改源码的方法呢？答案是有的 – 本地补丁

首先在项目根目录新建patches文件夹之后输入

如标题所述，在经历过几个DEFI项目的开发后，对于区块链的一些应用开发有了一定的见解。
加之有数位志同道合的伙伴能一起完成各类的区块链项目开发，在几轮区块链开发过程中捕捉到的反馈就是用户体验永远是第一位的。 正好吾辈一起的小团队对于前端设计与实现上有十分独到之处，希望能有机会与各位有需求之士通力合作！

微信(wechat): LK_Hanzo_Hasashi
电报(telegram): +1(402)665-0197

接上教程(1)，此教程为无法通过官方提供的unlock.bin解锁的手机制作的。
还有一个事v409n也就是韩版v40可能存在无法开启fastboot模式
因为fastboot模式默认被download模式覆盖了所以想进入fastboot得先通过高通9008刷机模式下把abl_a.img 替换成v35.img(材料包里) 破坏掉开机的bootloader相关检索从而曲线进入fastboot模式。
bootloader解锁相关用的材料[https://pan.baidu.com/s/14RG4a2QTxZcGphfNagERUg](提取码: 24dn)

网购了一个洋垃圾 LGv40(v409n)韩版的 没有在大陆发售 cpu版本为高通骁龙845

此机基于aosp(安卓原生系统)所以存在很多不能用的地方比如ntp服务器是谷歌的也就导致没法自动获取时间这很蛋疼
加上谷歌真正的全家桶一堆谷歌的app往里手机里塞却不能卸载有点强迫症犯了，最蛋疼的是好几个韩文的应用我看了头都大，基于此我想把手机root玩玩 用比较流行的magisk注入然后pacth本系统的boot.img得到新的patched-boot.img 最后刷入手机获取root权限，话不多说开始。

有需要Telegram 机器人制作，推特博文抓取推送业务，以及短信推送业务的可以找我。。。
价格实惠，开发迅速

工作中遇到的H5 需要4个块级元素在一个窗口内横向滚动 如图
刚开始直接使用css代码对窗口元素书写width: 690px;overflow-x: scroll;之后对其中的每个块级元素进行书写，因为块级元素内需要使用flex布局所以写了display:flex，写完调试发现并没有与想象中的横向滑动符合几个块级元素纵向的排列没有在一行内，如图。

起因：同样的css区域滚动代码，js加载数百条数据在一个区块滚动。安卓下没问题，ios下呈现这样的效果，也就是数据粘在了一起。

解决思路: 一开始很懵逼，在mac的Chrome 模拟的iPhone下页面没有任何的问题，但是真机上就是出现了。

Hackintosh-K670D-G4E6

Hackintosh for Hasse

EFI下载地址为 Hackintosh-K670D-G4E6

最新提示 wtf====>HD Graphic 610 核显

Intel Pentium Gold G5420 使用的核显是Intel HD Graphic 610
现在基本没有办法驱动这个hd 610 核显，导致电脑特别的卡以及一些观感问题
加上这台电脑又是NVIDIA的独显，在macOS 10.13之后的版本已经没有NVIDIA的独显驱动适配了
所以我打算将macOS版本降级到10.13.6版本

我安装的是macOS 版本为10.14.4

使用方法

将下载好的EFI文件夹替换U盘掉原来的EFI文件夹

如果没有制作过u盘可以通过下面提供的工具来制作

u盘制作工具链接: https://pan.baidu.com/s/18r3plI7BTnYCG6OTY2S5KQ 提取码: b9ij