Everything you care about in one place
Follow feeds: blogs, news, RSS and more. An effortless way to read and digest content of your choice.
Get Feederpaugram.com
保罗的小宇宙
Get the latest updates from 保罗的小宇宙 directly as they happen.
Follow now 26 followers
Latest posts
Last updated 5 months ago
排查了一个导致页面白屏的问题
5 months ago
我在公司维护的 Felo Search 项目近期收到了大量投诉，部分页面会出现白屏现象。我负责去重点排查，有位同事用自己的手机测试后，发现在 iOS 16 系统下会稳定出现，这大概率就是 JS 执行出错导致了。我的分析过程大致如下：首先在 Mac 上安装 iOS...
从零开始部署 Ubuntu 服务器环境
7 months ago
前段时间我购买了几年的 CloudCone 特价机炸了，导致服务中断快一个星期，再加上没有定期做备份，服务无法快速恢复。我开始寻找其他服务商的机器，兜兜转转最终选择了搬瓦工的，因为看它比较老牌，口碑还不错，且国内直连的线路良好，在此发出一个 我的邀请码，你可以通过这个链接购买服务器，为博主提供微薄返利以资助网站的持续运营。另外小扯一句，你可能会注意到我博客的更新频率有所下降。但其实是因为我以此同时还在维护另外一个名为 保罗的小窝 的网站。个人对于博客的定义是稍微正式的内容，而这个小窝更多的是分享随笔和流水账，各位可以自行选择订阅。此前的方案此前一直都在用 OneInstack 脚本来部署环境，尝试用它重新部署，却发现 MariaDB 无法正常安装。国内国外访问同一个包的下载地址居然行为是不一样的（国外出现 404）。我选择构建安装，时间太长太复杂，且选择 Caddy...
使用 Docker 自动化部署的 NextJS 镜像大小优化
10 months ago
近期要把公司的新官网项目给收尾了，准备打包部署发布到线上环境，我们主要采用的 CircleCI 和 K8S 负责 CICD，就是期间经常会遇到 K8S 的超时错误导致构建失败。虽然不清楚具体的错误原因，但我发现构建过程中 Dockerfile 生产出来的镜像文件实在是太大了，达到了惊人的 1G 多，想着这样传输镜像的时间肯定会慢，是否因此导致构建失败的概率提升呢？前文详见日记《继续准备...
Caddy 简单配置允许跨域的反向代理
11 months ago
这 NextJS 可真是把我给恶心 🤢 到了，项目里使用 next-international 这个库配置了站点多语言，按照其文档中的 配置说明，需要修改 middleware 中间件的配置。而项目当中遇到了跨域的接口请求，不知道什么原因后端配置不生效。于是我打算增加 next.config.js 文件中编写的...
关于胖猫事件的一些个人看法
12 months ago
蓝底白字的 官方通告 已经出了，结果也是在预料之内，看完这篇懂得都懂，这就是语言的艺术。官方的主要出发点是为了平息事件对于公众的影响，但即便如此我相信大多数人的看法都是明智的。前有假结婚后分财产，后有谈恋爱“同居”大额生活费不算诈骗，版本也在不断快速迭代，但总体而言法律依旧是在偏袒女性的，这也就是为什么会出现这么多令人讨厌的“小仙女”了吧。关于这份通告不同人也有不同的解读，一方面认为这是“真反转”，认为女方不是诈骗，反倒是胖猫姐姐涉嫌夸大诬陷女方。另一方面则是和我想的一样，女方确实存在诈骗。我认为从胖猫角度上来说，他可能认为钱给够了女方就会喜欢他。（可能太恋爱脑了）从女方角度上来说，如果根本就不喜欢他，她应该及时做出拒绝，而不是让男方一昧的“爆金币”。（都没长期共同居住过都敢要这么多钱了，难道官方鼓励在恋爱中大手大脚的花费吗，显然不可能啊）针对这份通告也是有个知乎回答特别有意思，说是给真正的捞女提供了思路：男方转给女方的钱要适当返还，这样可以被警方认定是正常男女恋爱关系女方要让男方用恋爱记、小荷包等 App 功能共同存钱，并且坚定表示是奔着结婚去的，这样即使钱到手了之后立马分手，警方无法认定自己诈骗要带男方去见见自己的亲友，介绍给家属，之后再以感情不和为理由分手即可想起来之前也有个段子，说唯一合法的方式就是和别人的老婆在一起，既不会分财产，也不会让男方承担较大风险（虽然还有强奸罪，但最起码财产保住了）。这么看确实不无道理，只是我认为这样做比较不道德而已。博主的呼吁我朋友说“古代男尊女卑 是有他的道理的”，古人的智慧结晶的确不能忽视，现实情况的确有不少东西来来去去都是一次轮回罢了。不然你看苹果的设计，以及前端框架的 SSR，本就是一场轮回，玩的都是前面玩剩下的。女人狠起来连自己人都打，法律偏袒女性的本意是保护女性，但众多事件的发生已经足以证明它已经渐渐变为了她们的特权，作为广大男同胞的一员，只能对此唏嘘不已。在这里我只能呼吁身边的女性朋友们都能够清醒起来，不要变成像她们那样的负面教材吧... 对不合适的人勇敢拒绝，???不是反复纠缠。男生真的不是不想谈恋爱不想结婚，只是想要遇到一个合适的人确实太困难了。胖猫事件警醒了不少男同胞，告诉他们这并不是少见的个例，这种畸形的价值观已经影响到不少人了。再加上现在各种 App 大数据的推送机制，只会推送用户更喜欢的内容，进一步加大了这种毒鸡汤的扩散。只会让这些人更自以为是，认为男性单方面的付出就是理所应当的，可男生的钱也不是大风刮来的不是么。那你还相信爱情吗我自然还是期望能遇到真正欣赏我、喜欢我的人，尽管可能比较难，但并不代表没有可能。纯爱战士依旧存在，只是概率比较低罢了。（很荣幸自己的一位友链朋友就是这样）只是从我的角度来看，自由恋爱确实变得越来越困难和不可信，宁愿相信自由恋爱或许还不如相信家里人介绍的，至少家庭背景是相对有保障的，并且通过他们的父母也能一定程度上可以了解他们的子女可能是怎么样的一个人，除非是那种关系并不熟络的朋友。至于为什么我至今一直都单身，有人说这是上天在保护你，虽然有点自我安慰的感觉，但总比急急忙忙遇到一个要我爆金币的捞女要好吧... 这大环境就是被这样的人搅浑浊了，我结婚的同事都表示已经跟不上版本了。在真正开始一段恋爱关系之前，我也在认真思考过，自己是否能付出一个合格男友必要的责任，如果不行我自然也不会随意和她们建立关系，我认为这才是对对方的尊重。因为感情也确实需要一定的磨合，这也无疑是真正的挑战...我曾经有一段黑历史，在这段黑历史的加持下让我有很长的一段时间惧怕异性，我或许更适合先结识异性朋友，从普通朋友做起，消除恐惧，后面才能更从容的面对真正适合自己的人。
曲折的 iPad 网页调试之路
over 2 years ago
公司项目有一个 Bug 涉及到 iPad，要知道无论是 iPhone 还是 iPad 都只能使用 MacOS 的 Safari 浏览器进行调试，这是个小问题，配台...
最简实现带动画效果的 React 抽屉组件
over 2 years ago
前段时间公司项目又开始了新的一轮功能迭代，其中有一处需求涉及到移动端的重大 UI 调整，原先此处采用了 Ant Design 的 Drawer 组件，实现了一个从底部弹出的面板，用于展示设置项目，而现在这里变成了全屏的，且设计方面和原有的差别较大。遇到这种情况想要解决问题无非只有两种方式，自己编写一个新的组件，或者再另外使用 Ant Design 的 Drawer...
记浏览器获取麦克风音源，断开后依旧占用显示小红点的 Bug
over 2 years ago
公司的项目使用了声网 SDK 实现语音通话，但在其他同事接入了另外一个功能后，被发现断开麦克风结束通话后，浏览器窗口上显示“小红点”，依旧占用麦克风的情况。这很容易导致客户认为我们在继续“监听”他说话，影响使用体验。这是一个遗留很久的 Bug，一直都没有人找出具体的原因，但在今天，我终于有了新的发现！查看日记全文我打算使用浏览器的原生方法，实现一个获取麦克风源并使用播放器实时播放的功能，简单模拟使用麦克风并消除占用的过程。如果能在这个最小的代码示例里成功复现一样的“小红点”占用效果，就需要好好检查下对应的库是否存在产生此问题的代码了。使用 navigator.mediaDevices.getUserMedia() 获取源，再使用 getAudioTracks() 方法成功获取到麦克风的轨道。按照公司项目的源代码，应该要把这个轨道复制到另外一个源里。const stream = await navigator.mediaDevices.getUserMedia(constraints)...
记一次技术面试（2022-2）
almost 3 years ago
前情可以浏览《面试第二家公司》这篇日记，这篇文章只做技术相关的面筋记录吧。大概讲讲你项目用的技术栈👦🏻：脚手架 Vite、组件库 Antd、图表 G2Plot、状态管理 Mobx 和 Redux你上家用的是 Vue 2 全家桶是吧，那 Vue 3...
说说我那不靠谱但可用的电商产品 SKU 增改算法
almost 3 years ago
这是耗费了我好几天反复试错，最终实践的一种电商产品 SKU 增改算法，也许并不是特别优雅，但确实能正常使用。本文就大概讲下思路吧，我还给这个“算法”起了个名字，叫“阶梯查找法”。阅读本文大概需要用到这些术语，你可以结合某宝上的任意商品来代入进来。选项组：例如大小、颜色选项值：例如小、大、红色、黄色SKU：例如小、红色就是其中一个，上述组合（小、大、红色、黄色）一共会有 2 * 2 = 4 个使用场景使用场景是创建产品的页面，我并不需要根据预设的「选项组」和「选项值」一次性的生成 SKU。而是提供前端操作，一步一步依次的添加 SKU 数据。例如：创建“颜色”选项组，添加“红色”和“黄色”选项值，这里就生成了两个...
ViteJS 反向代理遇到的小坑
about 3 years ago
公司有一个项目的后端正在陆陆续续重构着，期间需要将新旧 API 一起混用。而且我们都知道，Cookie 默认有同源策略，我们本地开发的环境下，域名地址一般为 localhost 或 127.0.0.1，而直接请求其他站点的接口，即便它返回了 Set-Cookie 头，你也会发现这并没有作用。使用反向代理想要解决这类问题最简单的办法就是设置反向代理，使得多个来自不同站点的 API 聚合在同一个站点下。在服务器环境下最常见的解决方法就是使用 Nginx...
小白的 MidwayJS 项目首次部署过程
about 3 years ago
前段时间，我用 MidwayJS 和 React 重构了 保罗 API 项目，新的叫做 保罗 API Next。在开发机经过测试后发现每次请求都能提升 20ms...