TrumanDu's Blog

最近感动无数网友的刘同学，高考结束后挑行李回家！视频里，女孩穿着朴素，用一根木棍当扁担，独自挑着塞得满满当当的两个大包。
刘同学提到，她的座右铭是“鸿鸟只思羽翼齐，点翅飞腾千万里”。
有多少人还记得自己座右铭，这个词一下子就把我拉回到高中，我不记得在初中以前自己有座右铭，比较确信的是高中，在我经历过的高考期，有两句话一直鼓舞着我，不知在什么时候就讲他们遗忘。

不鸣则已一鸣惊人

大多数人的路都是平凡之路，没有高光，没有夸奖，有的只是碌碌无为，这句话给了我数不清的鼓舞与安慰，在那些灰暗的日子给我带来温暖。回顾过去，虽然未曾一鸣惊人，但它还是给与我坚韧。人生是一场长跑比赛，我们这不是还在路上嘛，以前是学业，现在是家庭，事业，健康。平凡是人生的主旋律，在这旋律里一定有属于自己的的高潮。

亮剑

在高考中，我是失败的，在考试前，我都会在稿纸在写下亮剑两个字。它对我的作用是可以平衡我的心态。我喜欢看亮剑，以前刷过无数次，现在回想起来也终于能理解老人喜欢看戏剧的心态，从来看的不是故事，看的是共情。
亮剑精神：逢敌必亮剑。狭路相逢勇者胜，明知不敌也要亮剑！

你还记得自己的座右铭吗？

插播一条广告，专业承接 discourse 开发，包含不限于主题，插件等功能自定义开发，需要的可以关注我的公众号，私信我。

最近一个月的工作都集中在公司要搭建一个 Gamer Community 上，经过多个角度，多种开源，商业方案对比，最终选择了 discourse。

多说一句对于一个论坛技术选型，以前没有这方面的储备，最终的选择也是 AI 推荐的。领导下发任务用 AI 拆分，作为员工的我们，利用 AI 完成我们的方案调研和工作汇报，完美闭环！这么想，工资就白嫖来的！

部署

由于官方社区没有 docker 镜像，快速部署会有一点点麻烦，目前我推荐的 Discourse 有两种方式：

1. 官方社区方案
2. VMware 旗下bitnami/discourse

现在 AI 编程工具日新月异，极大的提升了编程效率，可以说是革命性生产力工具，尤其是对前端项目，更是如虎添翼。拥有自己的前端技术栈，我觉得还是有必要的，在自己掌控的架构内，按照自己的编程习惯，可能发挥效果更好，由于自己不是一直在写前端项目，只是偶尔写一下，过段时间都忘了如何选型，每次开始一个项目都会纠结选型，外加前端技术日新月异，在此整理记录一下，便于自己每一次前端项目选型，同时也可以随时更新这个文章。

1. 整理常用的前端 UI 库，作为导航
2. 整理不同项目的前端框架，UI 等选型方案
3. 前端工具类库
4. 灵感库导航

没有评分代表未深入使用

前端 UI 库

整理常用的前端 UI 库，作为导航

React

综合库

1. 蚂蚁 Ant Design ⭐⭐⭐⭐⭐
2. 淘宝 fusion⭐⭐⭐⭐
3. 抖音 semi ⭐⭐⭐⭐
4. 腾讯 TDesign
5. 字节 arco
6. shadcn/ui
7. material-ui

图表库

1. 百度 echarts ⭐⭐⭐⭐⭐
2. 淘宝 BizCharts
3. Ant Design Charts
4. visactor

杜架的记录与分享，记录与思考有价值的信息，主要包含：碎片化思考，阅读笔记分享，软件分享，内容记录等。内容主题有极大的个人喜好偏向，爱我所爱，想我所想，写我所写。

最近通关了使命召唤 18 战役模式，很喜欢故事设计，夜莺夫人是真飒，嫉恶如仇。斯大林格勒战役建模和设计的挺不错的。回想起第一次接触《使命召唤》系列，还是在大学时候，那时候在网吧发现了这款游戏，第一次玩的是使命召唤 5，貌似唯一一个在日本被禁售的游戏，可以尽情手撕鬼子。以前是惊叹于游戏可以做的这么逼真，忽略背后的故事性，这次是真真实实了解了整个游戏的篇幅设计，什么时候国内能有这种顶级枪战 3A 大作，期待！记录一下最近玩的游戏。

再来两张夜莺夫人-波莉娜.佩特罗娃 人物照

笔记

大模型相关技术解决的问题

为了让 AI 效果更好，涌现了许多技术，不同的技术在不同的角度解决相应的问题，进而提高整体效果。

杜架的记录与分享，记录与思考有价值的信息，主要包含：碎片化思考，阅读笔记分享，软件分享，内容记录等。内容主题有极大的个人喜好偏向，爱我所爱，想我所想，写我所写。

今年过年前终于第一次吃到了运城美食，北相羊肉胡卜。山西著名汉族小吃，距今有一百多年历史，久负盛名。味道清爽，油而不腻，滋补身体，为当地群众性的名吃佳品。运城市北相镇人做的最好，故名。“羊肉胡卜”不是羊肉和胡萝卜，这里的“胡卜”指的是一种死面饼子…

制作方法是：把烙熟的白面薄饼切成丝条，加鲜羊肉汤煮成，再加香油、葱花、红辣椒面等调料。

新年的钟声还有 6 个小时就要敲响了，只有过完农历新年才算结束一整年，2024 关键词是幸福与快乐，这一年发生了一件大事，也将自己的路途行驶在国外，也收获了可乐自由，用文字换可乐计划进展顺利。

工作

总体来说工作内容比 2023 更清闲，工作状态比较轻松，成长不多，但总有收获。先说工作内容，再说成绩，成绩确实让我有点惊讶！意料之外！

当一年将尽，你是否也会不由自主地回顾这一年的点点滴滴？展望新年时，你又是否会感到迷茫，不知道该如何设定更贴近自己内心的目标？邀请你一同开启一段独特的旅程，透过一个神奇的网页地址—— [ 2024 年度独立博客年终总结随机浏览] ，穿越到他人的世界，在文字中感受温度，在共鸣中发现自己。

这是一个怎样的网页？

https://trumandu.top/2024-summary

这个网页汇集了 2024 年度独立博客作者们撰写的年终总结文章。这些文章真实而生动，每一篇都是一个人独一无二的故事。无论是他们在这一年中取得的成就、面对的挑战，还是他们所见所闻的点滴，这里都将一一呈现。而最特别之处在于，这个网页采用随机查看的方式，每次刷新页面，你都将进入一位新博主的世界，与陌生的灵魂共鸣。

杜架的记录与分享，记录与思考有价值的信息，主要包含：碎片化思考，阅读笔记分享，软件分享，内容记录等。内容主题有极大的个人喜好偏向，爱我所爱，想我所想，写我所写。

Chrome AI assistance panel,在 Chrome Canary 131 及更高版本中可用。

杜架的记录与分享，记录与思考有价值的信息，主要包含：碎片化思考，阅读笔记分享，软件分享，内容记录等。内容主题有极大的个人喜好偏向，爱我所爱，想我所想，写我所写。

思考

在即刻看到这么一段文字，挺有收获的，关注的问题是在企业如何落地 AI。我将内容分享一下：

今天参加了一个「制造业+AI 」的行业交流活动，很有意思。

有意思的地方不是行业专家给的具体洞见，而是提问环节。
​
​ 一位工厂的老板提问：“刚刚嘉宾分享了很多 AI 帮助企业提效的案例，说的有点快，我还是不懂，如果想在自己的企业里落地 AI，到底该怎么做？”
​
​ 有位分享嘉宾是罗兰贝格的前合伙人，他就回答，你要去梳理业务场景，把相关方拉到一起，怎么找需求点，怎么算价值点，怎么确定落地方案巴拉巴拉……
​
​ 企业主又问了一遍：“这些事我都知道，但我毕竟是个小白，听完还是不清楚我该怎么去抓这件事。”
​
​ 罗兰贝格的前合伙人把刚才的答案换着方法又说了一遍，还让企业主去参照当年数字化转型的做法。

企业主更加困惑了，说：“你说的这些实在太宽泛了…能不能站在我的角度来给我解答？”
​
​ 眼看场面陷入僵局，有一个科沃斯的代表站起来介绍，他们是怎么落地的实践经验。
​
​ 首先，他讲到了这件事要办成，既要自上而下，又要自下而上。
​
​ 企业主之所以困惑，在于他的思路局限在了“自上而下”的定势里。当对方提到“自下而上”这四个字的时候，他眼睛一亮，这里有信息增量！

props vs state

在 React 中有两种“模型”数据：props 和 state。下面是它们的不同之处:

• props 像是你传递的参数 至函数。它们使父组件可以传递数据给子组件，定制它们的展示。举个例子，Form 可以传递 color prop 至 Button。
• state 像是组件的内存。它使组件可以对一些信息保持追踪，并根据交互来改变。举个例子，Button 可以保持对 isHovered state 的追踪。

响应事件

传递给事件处理函数的函数应直接传递，而非调用。例如：