MoreRSS

site iconsugar | 粥里有勺糖修改

99年,西南石油大学,热爱开源。前端,美团,阿里。运营视野修炼周刊。
请复制 RSS 到你的阅读器,或快速订阅到 :

Inoreader Feedly Follow Feedbin Local Reader

sugar | 粥里有勺糖的 RSS 预览

又生病住院了

2025-07-31 11:21:21

又生病住院了

2月份夹层导致的并发症,6月复查严重了,需要手术治疗

捋一下时间线

6月29日 入院(泌尿外科)

7月14日 感染新冠(天天都呆在医院里也染上了,离大谱),到现在咳嗽没好

7月17日 手术(住进去还给我拖了半个月,手术耗材要层层审批,审批了7个工作日实在离谱,人都拖死了)

7月18日 出院(做完手术第二天就赶出院了,也没出院带药,也没输液消炎)

7月21日 开始发高烧

7月22日 感染科门诊,开了一堆检查,结果是尿路感染,急性肾损伤(当天白天几乎无尿,无尿就惨了-喝了几瓶水,报告出来立马就跑急诊安排输液消炎,打利尿剂了

7月23日 通过急诊又入院(感染科,一天输 3 次抗生素)

7月29日 出院(出院带药需要自费去外面购买,医院没有)

病情

2月夹层之后,报告就提示有左肾积水,但当时策略以保命为主,住院华西的医生说不用管这些,后面就没特别关注这个。

肾也是个 BUG 器官,当发现有相关症状的时候问题都是比较严重了

6月复查的时候发现 左肾积水(尿积肾里无法正常排出) 比较严重了(夜尿多,泡泡多),到手术指标了,就立马住院了。

入院后排查是腹部残余夹层导致血管比较粗压迫到左侧输尿管,导致输尿管狭窄

治疗

手术

治标就是放置一个输尿管支架,给撑起来,向下图这样,一年一换。

抗感染治疗

二次入院就是针对性的输抗生素,1天3瓶输了7天,就出院改口服药了。

药是真贵,自费外部购买,线下还非常难买到。

现状

身上 DeBuff 叠满了,出院诊断还有不少小毛病,需要慢慢调养(比如贫血,营养不良啥的)。

费用

连着 2 次住院自费差不多1个w。

药不能停

开了一堆药和营养品,一天药钱得花个小200¥。

后续

多休息休息调养身体,补充点营养,长点肉(本来就瘦,这次住院又瘦了7-8斤)。

视野修炼第124期 | 终端艺术字

2025-06-22 19:51:15

视野修炼第124期 | 终端艺术字

欢迎来到第 124 期的【视野修炼 - 技术周刊】,下面是本期的精选内容简介

下面开始本期内容的介绍ღ( ´・ᴗ・` )比心

🔥强烈推荐

1. figlet.js - 终端生成 ASCII 艺术字体

js
var figlet = require("figlet");

figlet("Hello World!!", function (err, data) {
  console.log(data);
});
md
  _   _      _ _        __        __         _     _ _ _
 | | | | ___| | | ___   \ \      / /__  _ __| | __| | | |
 | |_| |/ _ \ | |/ _ \   \ \ /\ / / _ \| '__| |/ _` | | |
 |  _  |  __/ | | (_) |   \ V  V / (_) | |  | | (_| |_|_|
 |_| |_|\___|_|_|\___/     \_/\_/ \___/|_|  |_|\__,_(_|_)

还有 CLI 版本支持

收藏起来,写CLI能用上!

2. state-in-url

将状态信息存储在URL中,便于持久化当下的用户操作后的页面数据,也便于分享复现。

目前支持Next,React Router,Remix。

3. 语法高亮组件

原生的 web component,用于代码高亮。

js
import 'syntax-highlight-element';
html
<syntax-highlight lang="js">
const a = 1;
</syntax-highlight>

使用非常简单!基于 CSS 自定义高亮API实现。

🔧开源工具&技术资讯

4. log-vwer - 轻量的日志监控面板

用于监控 Node.js 应用程序日志的仪表板,实现应用自托管。

使用也比较简单,支持多种日志存储方式!(数据库,文件,内存)

js
// Import the necessary tools
const express = require('express');
const { setupLogger, viewerMiddleware } = require('log-vwer');

// Create your Express app
const app = express();
const PORT = process.env.PORT || 3000;

// This is an async function to make sure we connect to the database *before* starting the server.
async function startServer() {
    // === Part 1: Set up the logger ===
    const logger = await setupLogger({
      serviceName: 'My Awesome E-Commerce App',
      store: 'mongodb',
      mongoUrl: 'mongodb://localhost:27017/my_app_logs',
    });

    // === Part 2: Activate the dashboard ===
    // This tells your app: "When someone goes to /_logs, first check the password, then show the log dashboard."
    app.use('/_logs', myAuthMiddleware, viewerMiddleware(logger));

    // Start your server only after everything is ready
    app.listen(PORT, () => {
      logger.warn(`Server is alive on port ${PORT}. Ready to rock!`);
      console.log(`Log dashboard is live at: http://localhost:${PORT}/_logs`);
    });
}

// Run the function to start the server!
startServer();

5. 网站链接检测

可以检测网页中的外链,死链等情况。

6. 小恐龙二维码生成

Chrome 同款风格

7. 3D 拟物图标资源

8. Biome V2

宣称是首个无需依赖 TypeScript 编译器(tsc)、却仍能提供类型感知规则的 JavaScript 和 TypeScript 代码检查工具。

😛趣图

⭐️强力推荐关注

周刊部分内容来源如下渠道,推荐大家关注。

视野修炼第123期 | 你在用Node几?

2025-06-15 16:45:19

视野修炼第123期 | 你在用Node几?

欢迎来到第 123 期的【视野修炼 - 技术周刊】,下面是本期的精选内容简介

下面开始本期内容的介绍ღ( ´・ᴗ・` )比心

🔥强烈推荐

1. Node 18 早已停止支持,官方建议直接上v22

还没有升级的官方建议跳过 v20 直接使用 v22,剩余更长的生命周期,更多的新特性支持!

🤡 公司里主流还在用 Node 16,基建拉胯,XS!

2. Oxlint 1.0 发布

Oxlint 的第一个稳定版本已经发布!它的性能比 ESLint 提升了 50 到 100 倍 ,支持超过 500 条 ESLint 规则。

支持 0 配置直接启动使用。

sh
npx oxlint@latest

提供更清晰的诊断信息

尝鲜,笔者项目也准备迁一下试试

🔧开源工具&技术资讯

3. 🍊 Orange ORM

简洁的 ORM 库,支持 TypeScript 和 JavaScript,以及 CommonJS 和 ESM。

4. darkmodejs - 深色模式工具库

利用 matchMedia API 及其监听器,结合 prefers-color-scheme 媒体查询实现。

使用也超简单!

js
import darkmodejs from '@assortment/darkmodejs'

function onChange(activeTheme, themes) {
  switch (activeTheme) {
    case themes.DARK:
      console.log('darkmode enabled')
      break
    case themes.LIGHT:
      console.log('lightmode enabled')
      break
    case themes.NO_PREF:
      console.log('no preference enabled')
      break
    case themes.NO_SUPP:
      console.log('no support sorry')
      break
  }
}

darkmodejs({ onChange })

5. 逼真的颜色混合工具

6. 依赖可视化分析工具

antfu 大神的又一力作。

sh
npx node-modules-inspector

多种视图下查看依赖的情况。

📚 教程&文章

7. 速率限制交互式指南

文章介绍了 4 种常用的限流算法:令牌桶、漏水桶、固定窗口、滑动窗口。

每种算法都提供了可交互的 Demo 方便理解。

令牌桶 漏水桶

⭐️强力推荐关注

视野修炼第122期 | 发光图片制作

2025-06-07 18:58:38

视野修炼第122期 | 发光图片制作

欢迎来到第 122 期的【视野修炼 - 技术周刊】,下面是本期的精选内容简介

下面开始本期内容的介绍ღ( ´・ᴗ・` )比心

🔥强烈推荐

1. HDRify - 发光 HDR 图片制作

可以将普通图片转为 HDR 图片。

前段时间刷屏(闪瞎iOS)的青蛙图制作!

2. qnm - node_modules分析工具

🔧开源工具&技术资讯

3. Glow UI - 开源SVG图标

收藏!

4. 在线的图片编辑器

支持在线添加滤镜,裁剪的 WebGL 驱动的编辑器器。

📚教程&文章

5. 面向 JS 开发的 Go 学习指南

看一下 Hello World 对比。

涵盖了基础入门的知识。

6. CSS 聚光灯效果

看上去十分nb,收藏一下

🤖AI工具&资讯

7. Arc 浏览器停止开发

“浏览器公司” 解释停止开发 Arc 的原因。

转向开发新的浏览器 Dia (AI浏览器),不再为 Arc 开发新功能

笔者拿这个一直作为主力浏览器,贼好用哎。

Dia 浏览器 先排上队了。

⭐️强力推荐关注

周刊部分内容来源如下渠道,推荐大家关注。

用Trae做了个公众号小工具

2025-06-06 20:17:59

用Trae做了个公众号小工具

是什么

MD标题外链转二维码

如图给 markdown 内容中带连接的标题下插入一个二维码和连接内容。

方便用户阅读时扫码直接访问或者复制链接。

已支持能力

  • 自动解析 MD 文档,识别带超链接的标题
  • 自动在标题下方生成对应的二维码和链接文本
  • 提供原始预览和转换后预览的对比视图
  • 支持一键复制转换后的内容(会将图片以 base64 形式通过img标签导入)
  • 自动保存编辑内容到本地缓存
  • 移动端提供便捷的预览切换功能

体验地址:

  1. https://aicoding.juejin.cn/aicoding/work/7510906446952071202
  2. https://atqq.github.io/md-qrlink/
  3. GitHub:https://github.com/atqq/md-qrlink

发公众号的话,搭配 微信 Markdown 编辑器https://md.doocs.org/) 效果更加。

为什么搞这个

微信公众号的个人的文章无法直接跳转第三方的外链,文章通常会是外链转脚注,将相关链接放在最后。

但周刊类型的文章外链较多,不太方便用户 CV 跳转。

之前在其它公众号有看到过类似的展示,就想着复刻过来!

怎么搞得

用 Trae(Claude-3,7-sonnet)生成核心代码(99%),人工主要在一些特定的样式问题上做了介入。

技术原理

Vue 3 + Vite

  • Markdown解析: markdown-it
  • 二维码生成: qrcodeqrcode.vue
    • 前者负责复制的时候 base64 二维码内容生成,后者负责预览里的二维码渲染
  • 本地存储: localStorage API

人工介入部分

  1. 布局的样式,AI 每次在修改其它问题的时候会把我已经调整的布局扔掉用新生成的覆盖
  2. 复制到 markdown:HTML 标签在复制到微信里的时候 微信会做标签的转换,一些布局样式转换后被丢了。这块需要人工介入在微信的规则下做一下调整。

我的 Prompt

第一轮对话的“提示词”

md
使用Vite Vue实现一个md 格式转换项目,将Markdown中标题是超链接的提取出来,
放在标题下方 并在左侧生成对应的二维码图片

支持预览原Markdown和转换后Markdown内容

总共进行了 15 轮的连续对话,就达到了这个效果。

其中部署 GitHub Pages 的 GitHub Action 脚本也是用其生成的。

最后

现在有了 VibeCoding 的编码方式,出 Demo 非常的快,效率比人工高 N 倍。

可以快速验证想法。

顺便推荐一波此类型的在线工具

Trae 整体体验我觉得还行,3$ 的首月体验还可以接受,大模型都一样,这比 Cursor 便宜太多了。还没搞上AI IDE 的可以试用一波,每天也有些免费额度。

读者有发一些奇思妙想的应用想法,也可评论区来一波。

不多说了“两个字” AI NB

视野修炼第121期 | Rolldown-Vite

2025-06-01 18:26:13

视野修炼第121期 | Rolldown-Vite

欢迎来到第 121 期的【视野修炼 - 技术周刊】,下面是本期的精选内容简介

下面开始本期内容的介绍ღ( ´・ᴗ・` )比心

🔥强烈推荐

1. Rolldown-Vite

祖师爷官宣 Rolldown 版本的 Vite 的使用 rolldown-vite

拿 VitePress 验证一下速度,看看提升。

笔者 mac m1 的设备,大约 500 多篇 md,验了一下大概3s的提升有🤭!

感觉存量项目切换还是得折腾一下,笔者跑 VitePress 改了半天才跑起来

2. 对话月影 - AI风口下做啥

贴几个比较认同的一些观点:

  1. “专业性永远重要。你只有对很多东西掌握到足够的深,才能判断AI输出的正确性。”

  2. “不要自我设限,别给自己贴上‘前端工程师’的标签,你是解决问题的工程师。”

  3. “AI不是让你的活变少,而是让你的价值更大。”

3. snapDOM - 捕获DOM为图像

将任何 HTML 元素捕获为可缩放的 SVG 图像。

官网提供了各种场景的 Demo,效果还是不错。

H5 生成海报分享又多一个选择!

🔧开源工具&技术资讯

4. ForesightJS - 预测鼠标意图库

通过预测鼠标将要经过的位置,以此来做数据的预加载。

5. Text2SVG

将文本转为 SVG ,可以用来制作文字 Logo。

比如下面这两个 “sugar”。

不过好像不支持中文。

6. MD标题外链转二维码工具

本文就可以看见这个效果

将Markdown文档中带超链接的标题提取出来,在标题下方显示对应的链接和二维码图片。

这对于需要在微信公众号等不支持外部链接的平台发布文章时特别有用,读者可以通过扫描二维码访问链接。

笔者新鲜打造的,使用 Trae(Claude-3,7-sonnet)生成,人工微调

🤖AI工具&资讯

7. 通义灵码 AI IDE

阿里推出的 AI IDE 内置自己的大模型。

没上手使用,感兴趣的可以下载试试,目前免费

笔者估计后面腾讯百度美团这种的 AI IDE 推出公测应该也不远了

⭐️强力推荐关注

周刊部分内容来源如下渠道,推荐大家关注。