跳到主要内容

这里是菜鸡小萧发布所有文章,前端入门级程序员一名,如有错误见解,欢迎批评改正,感谢观看!

在 uni-app 中实现稳定的中文拼音排序(兼容 App/小程序)

今天在做开发时,同事提出前端能不能直接对一些内容做排序,不需要依靠后端返回的拼音来做。我一开始还不太明白怎么做,那么就需要交给万能的 claude 大神,果不其然,给出了一个"完美"的方案,那就使用localeCompare方法,这个方法能支持实现排序,然后我又去查询了解这个方法,在 MDN 这个网站中找到了对这个 localeCompare API 的解释描述。 在仔细看完后我发现了一个问题,这个方法在webview中不一定适配,恰好我的运行环境是 app,需要在手机上运行,虽然我在电脑上运行过了是正常的,于是我打包一个 wgt 包进行更新,果然有问题,这个名称排序乱七八糟的。根本不能使用。 为什么不能直接用 localeCompare? #那是为什么不能直接用 localeCompare 呢?这是因为浏览器内置了完整的 Intl / 本地化数据,可以进行语言敏感的比较(也可直接用 Intl.Collator)。
Uniapp LocaleCompare

Nginx 中 proxy_pass 路径配置的写法详解

Nginx 中 proxy_pass 路径配置的四种写法的区别 #今天在服务器上做接口代理时,感觉完全迷糊了,我前端接口是这样的 https://example.com/kb/xxx,然后我在 nginx 中这样配置。 location /kb/ { proxy_pass http://172.16.99.20:8070/kb/; } 但是最后结果是转发错误,我以为这样配置是可以不携带/kb 的,于是进行调整,为了方便理解,我做了四个不同方法的测试。 需求场景 #我希望是这样访问:
Nginx Proxy_pass 反向代理

Docker 场景下 Nginx 部署 Vue 项目的实践

背景 #今天在公司有点时间,想要试试前端部署的一个完整流程,当然这只是一个简单的 docker+nginx 部署流程。 前端:Vue build 后的 dist 静态文件 后端接口:运行在 172.xx.xx.xx:66xx 图片资源路径:/uploads/** 对外访问端口:不占用现有服务,选择一个不常用端口 运行环境说明 #宿主机 └── Docker └── nginx 容器 ├── 提供 Vue 静态页面 ├── 反向代理 API └── 反向代理图片资源 部署环境 #一、基础准备(Docker 环境) #1. 确认 Docker 是否安装 #docker -v 输出类似:
Nginx Docker Vue

一次 Nginx 音频 403 问题的完整排查与复盘(Docker 场景)

背景 #在今天工作时碰到了一个非常奇怪的问题: 明明后端接口正常返回了音频文件的访问链接 但在页面或播放器中请求该链接时,直接返回 403 且接口本身无任何异常日志 然后我经过同事的指导: 将 Nginx 配置修改为 user root 时,一切正常 改成普通用户(如 user user)后,音频请求立刻 403 运行环境说明 #宿主机 └── Docker └── nginx 容器 ├── nginx master(root) └── nginx worker(由 user 指令决定) 也就是说:
Nginx Docker 403错误