近期文章
修复HBuilderX在高分辨率屏幕文字太小问题
在HBuilderX上右键 -> 属性 -> 兼容性 -> 更改高DPI设置 -> 勾选 “高DPI缩放替代”， 选择 “系统”，然后重启HBuilderX。
fetch发起post/put请求
## 上传文件 ```js // 单个文件 function uploadSingleFile() { const formData = new FormData(); const fileField = document.querySelector('input[type="file"]'); formData.append('username', 'abc123'); formData.append('avatar', fileField.files[0]); fetch('https://example.com/profile/avatar', { method: 'PUT', body: formData, }) .then((response) => response.json()) .then((result) => { console.log('Success:', result); }) .catch((error) => { console.error('Error:', error); }); } // 多个文件 function uploadMultipleFiles() { const formData = new FormData(); const photos = document.querySelector('input[type="file"][multiple]'); formData.append('title', 'title'); for (let i = 0; i < photos.files.length; i++) { formData.append(`photos_${i}`, photos.files[i]); } fetch('https://example.com/posts', { method: 'POST', body: formData, }) .then((response) => response.json()) .then((result) => { console.log('Success:', result); }) .catch((error) => { console.error('Error:', error); }); } ```
Angular自定义组件实现[(ngModel)]
# 示例代码 ts代码： ```ts import {Component, forwardRef, Input} from '@angular/core'; import {ControlValueAccessor, NGACCESSOR} from "@angular/forms"; @Component({ selector: 'app-test-component', templateUrl: './app-test-component.html', providers: [ { provide: NGACCESSOR, useExisting: forwardRef(() => TestComponent), multi: true } ] }) export class TestComponent implements ControlValueAccessor { value: any; valueChange: (value: any) => void; onTouched: () => void; @Input() disabled = false; / 表单模型的值发生变化时，将值写到自定义控件中 / registerOnChange(fn: (value: any) => void): void { this.valueChange = fn; } / 通过此函数通知表单模型标记控件的触摸状态touched为true / setDisabledState(isDisabled: boolean): void { this.disabled = isDisabled; } } ``` html代码： ```html <input [(ngModel)]="value" (ngModelChange)="valueChange($event)" [disabled]="disabled" /> ```
Docker安装教程
## 设置镜像源 Docker默认的源为国外官方源，下载速度较慢，可改为国内源，常见的国内源有： Docker国内镜像源：https://registry.docker-cn.com 中国科技大学源：https://docker.mirrors.ustc.edu.cn 网易源：https://hub-mirror.c.163.com 百度源：https://mirror.baidubce.com 腾讯源：https://ccr.ccs.tencentyun.com 阿里云：https://www.aliyun.com/product/acr， 在控制台中选择"镜像加速器"，复制加速地址，添加到配置文件中 编辑配置文件，一般刚开始是不存在的，需要手动创建 ```bash vim /etc/docker/daemon.json ``` 在文件中添加以下内容 ```json { "registry-mirrors": ["https://registry.docker-cn.com"] } ``` 重启daemon进程 ```bash systemctl daemon-reload ``` 重启Docker服务 ```bash systemctl restart docker ```
