小记一下，记录你的精彩代码片段和架构点滴 - 新手学习网

阿里云APP修改登录掩码（2025年亲测有效）

网上百度的很多方法，包括搜索“登陆掩码”，以及在我的资源找到账号中心等，均无效。

其实打开AI助理或任何可以聊天的窗口，发送账号中心的链接(https://myaccount.console.aliyun.com/overview)，然后直接打开即可。

html 复制代码

https://myaccount.console.aliyun.com/overview

很傻的设计，备忘一下，免得IP变动后，自己给自己拦住了。

Github镜像站, 2025年1月最新可用！国内更快部署下载(1月更新)

GitHub 镜像可用站点

镜像	访问	链接	可用
GitHub镜像站014	直接	https://bgithub.xyz	可用
GitHub镜像站013	直接	https://kkgithub.com	可用
GitHub镜像站012	直接	https://gitclone.com	可用
GitHub镜像站011	直接	https://github.hscsec.cn	不可用
GitHub镜像站010	直接	https://git.homegu.com	不可用
GitHub镜像站009	直接	https://github.ur1.fun	可用

请特别注意：

导航立足学术公益，仅为方便科研工作而提供学术网址导航。

Windows 子系统中配置 Rust国内镜像以解决cargo run太慢的问题

Cargo则是Rust的官方包管理工具。在进行Rust项目开发时，由于网络原因，从Crates.io下载依赖可能会很慢。为此可以配置Cargo使用国内的镜像源。

在 Windows 子系统的 Linux 发行版中，打开终端，在用户主目录下找到.cargo文件夹，若不存在可新建。在该文件夹中创建或编辑config文件，添加国内镜像源配置内容：

配置国内镜像源

bash 复制代码

[source.crates-io]
replace-with = 'aliyun'
[source.aliyun]
registry = "sparse+https://mirrors.aliyun.com/crates.io-index/"
[source.ustc]
registry = "https://mirrors.ustc.edu.cn/crates.io-index"
[source.sjtu]
registry = "https://mirrors.sjtug.sjtu.edu.cn/git/crates.io-index/"
[source.tuna]
registry = "https://mirrors.tuna.tsinghua.edu.cn/git/crates.io-index.git"
[source.rustcc]
registry = "https://code.aliyun.com/rustcc/crates.io-index.git"

清理 Cargo 缓存

删除.cargo目录下的.package-cache文件：

bash 复制代码

rm $HOME/.cargo/.package-cache

使用config.toml

如果是rust 1.38 及以后的版本，推荐使用config.toml 代替 config。
否则会有一下警告。

即：

toml 复制代码

[source]
[source.crates-io]
replace-with = "aliyun"

[source.aliyun]
registry = "sparse+https://mirrors.aliyun.com/crates.io-index/"

[source.ustc]
registry = "https://mirrors.ustc.edu.cn/crates.io-index"

[source.sjtu]
registry = "https://mirrors.sjtug.sjtu.edu.cn/git/crates.io-index/"

[source.tuna]
registry = "https://mirrors.tuna.tsinghua.edu.cn/git/crates.io-index.git"

[source.rustcc]
registry = "https://code.aliyun.com/rrustcc/crates.io-index.git"

注意，toml 配置的写法稍有不同。

Windows 系统安装gcc, Using GCC with MinGW

因为Rust默认使用的C语言依赖Visual Studio，但该工具占用空间大安装也较为麻烦，可以选用轻便的mingw64包。

可以通过一下方式安装：
(1) 下载地址1-GitHub：Releases · niXman/mingw-builds-binaries · GitHub
(2) 下载地址2-WinLibs：WinLibs - GCC+MinGW-w64 compiler for Windows
(3) Installing the MinGW-w64 toolchain: https://code.visualstudio.com/docs/cpp/config-mingw#_installing-the-mingww64-toolchain

推荐通过第三种方式。

安装完成后记得设置环境变量。

如何在线查看mp4视频的编码格式，是否为iOS兼容的h264格式

记录一下，可以在线查询mp4编码格式的网站：

https://gpac.github.io/mp4box.js/test/filereader.html

通常H264的格式的文件编码信息如下：

Movie Info

File Size / Bitrate： 0 bytes / 0 kbps
Duration / Timescale： 220845/1000 (0:03:40.845)
Brands (major/compatible)： isom,isom,iso2,avc1,mp41
MIME： video/mp4; codecs="avc1.42c01f,mp4a.40.2"; profiles="isom,iso2,avc1,mp41"
Progressive： false
Fragmented： false
MPEG-4 IOD： false

重点查看MIME类型是否为video/mp4，是否包含avc信息。且 Progressive/Fragmented/MPEG-4 IOD 三个参数为false。

另外iOS支持的编码格式可以通过官方查看：
https://developer.apple.com/library/archive/documentation/NetworkingInternet/Conceptual/StreamingMediaGuide/FrequentlyAskedQuestions/FrequentlyAskedQuestions.html

What are the specifics of the video and audio formats supported?
Although the protocol specification does not limit the video and audio formats, the current Apple implementation supports the following formats:

Video:
H.264 Baseline Level 3.0, Baseline Level 3.1, Main Level 3.1, and High Profile Level 4.1.
Audio:
HE-AAC or AAC-LC up to 48 kHz, stereo audio
MP3 (MPEG-1 Audio Layer 3) 8 kHz to 48 kHz, stereo audio
AC-3 (for Apple TV, in pass-through mode only)

npm报错：request to https://registry.npm.taobao.org failed, reason certificate has expired

最新一个老项目,在使用 npm install 时, 总是报错：

npm报错：request to https://registry.npm.taobao.org failed, reason certificate has expired

很明显原因是淘宝镜像过期了！

通过npm config get registry 查询本地的npm镜像:

bash 复制代码

apple@AppledeMacBook-Pro h5 % npm config get registry                                              
https://registry.npmmirror.com/

发现明明已经切换到新的镜像了啊，为什么还是报错呢？

原因是项目本地的package-lock.json 文件导致的，删除即可。

Js如何判断div内容滚动元素滚动到底部

要判断div内容滚动到底部，可以监听div的滚动事件，并通过计算滚动条的位置和div的总高度来判断。

javascript 复制代码

// 假设你的div有一个id为'my-div'
const div = document.getElementById('my-div');
 
div.addEventListener('scroll', function() {
  // 当前滚动条的位置
  const scrollTop = this.scrollTop;
  // div的总高度，包括可见区域和隐藏的滚动内容
  const scrollHeight = this.scrollHeight;
  // div的可视区域高度
  const clientHeight = this.clientHeight;
 
  // 当滚动条位置加上可视区域高度大于总高度减去某个阈值时（可以自己定义这个阈值），
  // 可以认为内容滚动到将要滚动到底部
  const isScrollToBottom = scrollTop + clientHeight >= scrollHeight - 5; // 例如阈值为5px
 
  if (isScrollToBottom) {
    // 执行到达底部的操作
    console.log('滚动到底部了！');
  }
});

如何解决springboot中LocalDateTime 返回前端Object对象的问题

Mysql 数据库类型为datetime , Java Bean 为 LocalDateTime 类型，前端返回如下格式：

java 复制代码

createdAt": {
    "month": "JUNE",
    "year": 2024,
    "dayOfMonth": 21,
    "dayOfWeek": "FRIDAY",
    "dayOfYear": 173,
    "monthValue": 6,
    "hour": 9,
    "minute": 0,
    "nano": 0,
    "second": 0,
    "chronology": {
        "id": "ISO",
        "calendarType": "iso8601"
    }
}

解决方案1：将 LocalDateTime 改为Date类型。

解决方案2：手动指定JSON解析类型

java 复制代码

@JsonDeserialize(using = LocalDateTimeDeserializer.class)
@JsonSerialize(using = LocalDateTimeSerializer.class)
@JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss",timezone =  "GMT+8")
@TableField(value = "created_at",fill = FieldFill.INSERT)
private LocalDateTime createdAt;


@JsonDeserialize(using = LocalDateTimeDeserializer.class)
@JsonSerialize(using = LocalDateTimeSerializer.class)
@JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss",timezone =  "GMT+8")
@TableField(value = "updated_at",fill = FieldFill.UPDATE)
private LocalDateTime updatedAt;

SpringBoot 升级到2.4.0以上版本时跨域报错

SpringBoot 升级到2.4.0以上版本时跨域报错，具体错误是：

java.lang.IllegalArgumentException: When allowCredentials is true, allowedOrigins cannot contain the special value "*"since that cannot be set on the "Access-Control-Allow-Origin" response header. To allow credentials to a set of origins, list them explicitly or consider using "allowedOriginPatterns" instead.

具体区别如下：

java 复制代码

@Configuration
public class CorsConfig {
    private CorsConfiguration buildConfig() {
        CorsConfiguration corsConfiguration = new CorsConfiguration();
        //corsConfiguration.addAllowedOrigin("*"); // 2.4 以下
        //2.4以上要使用 addAllowedOriginPattern
        corsConfiguration.addAllowedOriginPattern("*");
        corsConfiguration.addAllowedHeader("*");
        corsConfiguration.addAllowedMethod("*");
        corsConfiguration.setAllowCredentials(true);
        corsConfiguration.setMaxAge(1800L);
        return corsConfiguration;
    }

    @Bean
    public CorsFilter corsFilter() {
        UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
        source.registerCorsConfiguration("/**", buildConfig());
        return new CorsFilter(source);
    }
}

即当setAllowCredentials 为true 时，必须显式设置 addAllowedOrigin

window.open()跳转页面在苹果系统iOS下失效问题

window.open() 一个很简单的api，在移动端H5页面下使用，却有兼容性问题。
PC端没有问题，不管是Android还是iOS，都可以正常跳转。
但是移动端，iOS系统下，window.open() 跳转点击没有反应。可以针对性判断一下：

javascript 复制代码

// iOS下拦截 window.open的问题
export function windowOpenUtils(url:string){
  if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)){
    setTimeout(()=>{
      window.location.href = url
    })
   
  }else{
    setTimeout(()=>{
      window.open(url, '_blank')
    })
  }
  return
}

< prev 2 / 4 more >