AI爆改吉卜力风格照片? ChatGPT-4o要收费, 但这里有免费方法!

小赖子的英国生活和资讯

作者 JustYY.com 小赖子的英国生活和资讯

2025年3月30日 18:56

免费用Grok 3来生成吉卜力风格的照片(Ghibli)

这两天，朋友圈和X（推特）上都被吉卜力风格的照片刷屏了，就连伊隆·马斯克也特意发帖推荐了 ChatGPT-4o 的这项新功能。仿佛一夜之间，AI 就能取代绝大多数设计师的工作。

elon-musk-doge-coin-ghibli-style AI爆改吉卜力风格照片? ChatGPT-4o要收费, 但这里有免费方法! AIGC-图片 Grok (X.AI) 人工智能 (AI) 媳妇小技巧有意思的照片资讯

Musk又借此推了一把狗狗币Dogecoin，真是会营销

cz-and-he-yi-ghibli AI爆改吉卜力风格照片? ChatGPT-4o要收费, 但这里有免费方法! AIGC-图片 Grok (X.AI) 人工智能 (AI) 媳妇小技巧有意思的照片资讯

币安CZ和他的生活伴侣何一/币圈一姐的吉卜力风格照片

这个 AI 生成图片的功能（严格来说是图生图）仅限 ChatGPT-4o 的付费用户使用，每月订阅费用为 20 美元。我曾在两年前订阅过半年 ChatGPT Plus/Pro，但后来账号因支付问题被封——当时我使用的是 OneKey 的美元加密货币卡。

不过，我们其实可以免费利用 Grok-3 生成吉卜力风格的照片。只需将图片拖入 Grok-3 的对话框，并输入以下提示词：

图生图，生成吉卜力风格的照片的提示词/Prompt

中文：“可以把这张照片生成吉卜力风格吗？尽量保持图片原有的元素。”
英文：“Generate a Ghibli image based on this, keep as much detail as possible.”

my-little-girl AI爆改吉卜力风格照片? ChatGPT-4o要收费, 但这里有免费方法! AIGC-图片 Grok (X.AI) 人工智能 (AI) 媳妇小技巧有意思的照片资讯

媳妇几年前的美照拿来试试Grok3的图生图功能(吉卜力风格)

grok3-ghibli-1 AI爆改吉卜力风格照片? ChatGPT-4o要收费, 但这里有免费方法! AIGC-图片 Grok (X.AI) 人工智能 (AI) 媳妇小技巧有意思的照片资讯

感觉生成的图还是缺点意思，和ChatGPT 4o相比差了点，可惜我现在没有付费ChatGPT

想起当年有个人做了测试：把油管视频下载下来再上传，再下载，再上传，然后最后面就得到很糊的一个视频。不知道如果我们一直让AI基于生成的图片再生成图片，效果是会收敛、变好、还是会变得不可预测？

grok3-ghibli-2 AI爆改吉卜力风格照片? ChatGPT-4o要收费, 但这里有免费方法! AIGC-图片 Grok (X.AI) 人工智能 (AI) 媳妇小技巧有意思的照片资讯

又迭代了一个版本，感觉差不多，如果一直迭代下去不知道是不是会收敛还是说会变差？

变开心很容易，但是要特别特别开心真的就要付费了：试用美图秀秀的AI绘画功能: 快乐是免费的-特别快乐可能就要花一些钱了

generate-more-images-with-premium-grok-ghibli AI爆改吉卜力风格照片? ChatGPT-4o要收费, 但这里有免费方法! AIGC-图片 Grok (X.AI) 人工智能 (AI) 媳妇小技巧有意思的照片资讯

X推上现在是可以免费使用Grok 3但是并不会一直免费，对于这个图生图的功能也有使用限制。

ChatGPT 可以拿来做什么？

ChatGPT 通用人工智能

Grok 3

AI爆改吉卜力风格照片? ChatGPT-4o要收费, 但这里有免费方法!

图片/照片小技巧

英文：AI Transforms Photos into Ghibli Style? ChatGPT-4o Costs Money, But Here’s a Free Method!

本文一共 740 个汉字, 你数一下对不对.

AI爆改吉卜力风格照片? ChatGPT-4o要收费, 但这里有免费方法!. (AMP 移动加速版本)

赞赏我的几个理由.

¥ 打赏支持

扫描二维码，分享本文到微信朋友圈

75a5a60b9cac61e5c8c71a96e17f2d9c AI爆改吉卜力风格照片? ChatGPT-4o要收费, 但这里有免费方法! AIGC-图片 Grok (X.AI) 人工智能 (AI) 媳妇小技巧有意思的照片资讯

The post AI爆改吉卜力风格照片? ChatGPT-4o要收费, 但这里有免费方法! first appeared on 小赖子的英国生活和资讯.

字字珠玑

loomob

作者楚书业

2025年3月30日 06:17

最近文稿处理较多，看啥字都觉得挺有韵味的！

字体库

作为不专业的切图仔，接触字体挺正常的。

文字九万出，字字为珠玑。

一套常规的字库通常有6000多字，能达到1-2万字的甚是难得了，只能说开发字体的设计师是有真毅力！
当然，随着科技发展，现在已经有AI造字软件了，通过寥寥几字就能模拟、推演出一套六千字的字库，完全是分分钟的事儿！

刻本美

永远可以相信老祖宗的审美。
远的不说，就提字！
活字印刷出来的书籍，随便翻翻哪本不是古韵十足。明刻本、清刻本的宋体字，从天头地脚到版心界行……美滴呀！

末

电脑自带的常见宋黑仿楷，要挂上中易二字。当然，它们并不是免费可商用的！与它们齐名的华文宋黑仿楷，亦是！
但不可否认这八款字库，量大管饱，适应各类用字场景！

小赖子的英国生活和资讯
力扣刷题打卡2209天竟然断了, 哎JustYY.com 小赖子的英国生活和资讯
2025年3月21日 04:55

力扣刷题打卡2209天竟然断了, 哎

小赖子的英国生活和资讯

作者 JustYY.com 小赖子的英国生活和资讯

2025年3月21日 04:55

坚持6年的力扣刷题打卡作天断了。昨天开了一整天brainstorming 晚上陪媳妇过生日。然后就给忘了，还好的是力扣国服还没断。

2019年3月2日我在美国通用电气午休的时候太无聊拿起IPAD就刷了一题。

谁曾想：这一刷就是2209天。这六年时过境迁，很多事情物是人非。我也从美国通用电气GE（General Electric）到亚马逊 Amazon AWS 再到现在的微软剑桥研究院MSRC。

leetcode-2209-days-streak-ended 力扣刷题打卡2209天竟然断了, 哎程序员编程计算机计算机

力扣刷题打卡2209天始于2019年3月2日，终止于2025年3月19日，可惜了。

力扣每日一题打卡是可以补签的，只需要花70点积分就可以 Time Travel 回到本月补上一签。只不过那个墙是补不了的，没刷就是空的。

leetcode-from-2013-to-2024-scaled 力扣刷题打卡2209天竟然断了, 哎程序员编程计算机计算机

从2013年到2024的力扣刷题之路。

力扣美服是可以同步到国服的，但是目前是没有办法反过来把国服的刷题记录复制一份到美服的。可能，这就是注定的吧，肯定会有不完美的。还好我不是处女座，这么一点不完美不会逼疯我的，哈哈。我还是会继续刷题的。刷题努力提升自己，好处多多。

刷题：程序员的基本技能

本文一共 410 个汉字, 你数一下对不对.

力扣刷题打卡2209天竟然断了, 哎. (AMP 移动加速版本)

赞赏我的几个理由.

¥ 打赏支持

扫描二维码，分享本文到微信朋友圈

75a5a60b9cac61e5c8c71a96e17f2d9c 力扣刷题打卡2209天竟然断了, 哎程序员编程计算机计算机

The post 力扣刷题打卡2209天竟然断了, 哎 first appeared on 小赖子的英国生活和资讯.

写了十几年代码, 谷歌/Google认为我还不够Senior

小赖子的英国生活和资讯

作者 JustYY.com 小赖子的英国生活和资讯

2025年2月22日 04:34

google 写了十几年代码, 谷歌/Google认为我还不够Senior 程序员面试

Google/谷歌

我儿子也说我不够Senior：

去年9月，我第三次面试伦敦谷歌，目标是一个SRE（站点可靠性工程师）职位，抱着试试看的心态参加了面试。第一轮面试的最后两分钟，回答了一个关于如何将算法应用于分布式系统（如何优化算法）的follow-up问题，表现得不太好，因此没能通过那一轮。

不过严格来说也不算被拒绝。等了三周后，他们告诉我最终选择了另一位候选人，虽然我的表现不是最出色的，但应该达到了最低门槛，所以并未直接拒掉我，而是建议我等待伦敦的其他职位空缺再申请。

这一等就到了12月。这位谷歌的美女猎头联系了我，很快安排了隔一周的两轮算法与编码面试。新年后还有两轮：一轮系统设计，一轮文化匹配（也就是行为测试）。

navigated-to-google-final-interviews-stage 写了十几年代码, 谷歌/Google认为我还不够Senior 程序员面试

在2024年年末再一次收到Google Recruiter的消息，说伦敦有HC可以继续面试了。

这是我第二次进入谷歌的终面（Final Rounds），也就是 Onsite Interviews。

谷歌终面：接近L5却被给L4，大饼画得响

面试结束后的第二周，我发了邮件询问结果，但没收到任何回复。又过了一周，还是毫无消息。我一度以为自己被拒绝了，甚至怀疑是不是发挥太差，谷歌连拒信都懒得发给我。

上周（面试后的第6周），突然就接到猎头的邮件，她说：

I hope you’re keeping well! Apologies for my delay I’ve been unexpectedly out the office.
Your feedback isn’t straightforward, and getting the feedback through hasn’t been straightforward either.
Would you have some time to connect and discuss further together please?

希望你一切安好！抱歉我回复晚了，我出乎意料地不在办公室。
你的反馈并不直接，而且反馈的传递也并不直接。
你能抽出时间联系一下，进一步讨论一下吗？

google-interview-feedback-email 写了十几年代码, 谷歌/Google认为我还不够Senior 程序员面试

谷歌的这封邮件让我感觉其实没有我想象中的糟糕。

问了ChatGPT：这封邮件表明你的谷歌面试结果并不是一个明确的“通过”或“拒绝”。以下是可能的情况：

面试反馈不一致：一些面试官可能给了积极反馈，而另一些则有疑虑，导致最终决定难以达成。
招聘委员会仍在讨论：你的情况可能需要额外的讨论，招聘委员会正在评估你的表现，招聘官希望与你沟通他们的想法。
团队匹配考虑：如果你的表现不错但未达到直接通过的标准，他们可能在考虑是否有合适的团队愿意接收你。
可能需要额外面试：谷歌有时会安排额外的面试（例如“加试”或“Googleyness 轮”），以消除对你的某些疑虑。
招聘官希望亲自传达更细致的信息：可能不是简单的拒绝或录取，而是希望与你深入探讨你的表现，提供反馈，甚至讨论其他可能的机会。

由于招聘官之前一直不在办公室，内部流程可能有所延误，所以这封邮件并不一定是坏消息。建议你做好心理准备，保持开放的心态，迎接各种可能的结果！

谷歌终面的两轮算法

这两轮算法题有些难度，不是力扣/LeetCode上的原题。题目不算太复杂，还带有follow-up问题。我给出了多种解法，自认为发挥得不错。

其中一题是设计一种数据结构，另一题是实现一个API。单纯的实现（穷举）并不难，难点在于如何优化，比如如何利用线段树/Segment Tree、二分搜索等技巧提升算法效率。

谷歌终面的系统设计

系统设计这一轮我感觉表现得很糟糕。特别是面到一半的时候，我觉得自己思路不畅，像是没戏了。

面试开始时，我虽然问了功能性和非功能性需求（Functional/Non-functional Requirements），但后来忘了用于计算，导致我的设计不够优化的同时，还陷入局部优化的误区，花了太多时间。直到面试官给出提示，我才反应过来并调整到正确的设计。

这一轮系统设计一个小时很快过，但是很多时间花在了纠结在怎么在不成熟的设计上打补丁，导致于后面虽然在提示后能设计出来也没有太多时间讨论了。

一般来说，系统设计是决定软件工程师Offer级别的，而相反，对于Coding/编程能力，各个级别是要求差不多的，甚至可以说，高一点的级别对于编码能力会稍微的低一些。

级别高的软件工程师需要有更强的设计能力，更需要掌握大方向（Big Picture）。

谷歌终面的行为测试（Behavior Interview）

这一轮更奇怪。面试官迟到了五分钟才上线，一开始就说只问三个问题。回答完后，整个面试不到20分钟。我尝试多提了几个问题想聊聊，结果家里网络不稳定（可能与路由器有关），竟然掉线了。幸好重新连上时面试官还在，但简单说了两句后就草草结束了，感觉不太顺利。

谷歌面试反馈

由于系统设计表现不佳，我之后发邮件其实是想获取一些反馈（Feedback）。面试最重要的就是反馈，因为它能帮助你进步。最近面试伦敦Jane Street被拒要反馈没给，我家孩子同时拿到两个offer后，我也给学校发了邮件要反馈，这些都是很有用的信息。

反馈结果和我预想差不多：系统设计需要提示才能完成；代码写得有些仓促，带有BUG，但能提供多种解法；文化匹配方面没太大问题，但面试官没找到我能激励同事的“强信号”（有点疑惑？No strong signals to show that you can encourage your peers）。一直以来，我认为这一轮并没有啥出彩的东西，只要没有触犯一些Red Flags就可以了，没想到这一轮也能决定最后面的级别。

美女猎头告诉我，面试整体反馈是好坏参半，感觉我接近L5水平，但还需稍作打磨（Polish）。他们愿意给我L4的offer，问我愿不愿意去。我当然拒绝了……她说：“确实，It doesn’t make sense。”她的意思是，如果我以L4入职谷歌，很快就能升到L5——这话画了个大饼。据朋友说，谷歌也和AMAZON一样，喜欢Low Ball（降一级给Offer），千万别信这种大饼。

Google的L5是Senior，L4是Mid-level。我现在在微软剑桥研究院 MSRC是63，对应是谷歌的L5，而之前在亚马逊是L5对应的是谷歌的L4=mid level。

她还说，如果6个月后我愿意再试，可以直接联系她。一般来说，水平不够直接被拒，需要等12个月的冷冻期才能够再次申请。

面试经历

面试题

面试技巧

面试其它

英文：Google Finals: Close to L5, Offered L4, and a Big Pie in the Sky

本文一共 1938 个汉字, 你数一下对不对.

写了十几年代码, 谷歌/Google认为我还不够Senior. (AMP 移动加速版本)

赞赏我的几个理由.

¥ 打赏支持

扫描二维码，分享本文到微信朋友圈

75a5a60b9cac61e5c8c71a96e17f2d9c 写了十几年代码, 谷歌/Google认为我还不够Senior 程序员面试

The post 写了十几年代码, 谷歌/Google认为我还不够Senior first appeared on 小赖子的英国生活和资讯.

Delphi编程语言三十周年了!

小赖子的英国生活和资讯

作者 JustYY.com 小赖子的英国生活和资讯

2025年2月16日 18:55

delphi-30-years Delphi编程语言三十周年了! Delphi / Turbo Pascal 程序设计计算机资讯

Delphi最初的版本, Delphi被称为是VB Killer

知道Delphi这个编程语言的估计暴露年龄了。很多人以为Delphi这门程序已经挂了，但实际上没有：IsDelphiDead.com

我最后一次用Delphi是2018年，在我离开一个剑桥初创企业，当时我从2009年到2018年，用Delphi写了超过40万行Delphi代码。其中包括了一些C++还有WIN32内链汇编。

Delphi 30周年纪念日

2025年，Delphi迎来了其发布30周年纪念日。自1995年首次亮相以来，Delphi凭借其高效、稳定的特性，成为众多开发者的首选工具。在这30年间，Delphi经历了辉煌、低谷，如今在全球范围内依然拥有忠实的用户群体。

Delphi的诞生与辉煌

Delphi最初由Borland公司于1995年推出，作为Windows平台下的快速应用程序开发工具（RAD），其前身是DOS时代盛行的“Borland Turbo Pascal”。Delphi以其可视化组件库（VCL）和高效的编译器，使开发者能够快速构建复杂的应用程序。在1999年发布的Delphi 5版本中，Delphi达到了用户数量的巅峰，一度超越了Visual Studio，成为开发者的首选工具。

挑战与低谷

然而，好景不长。在推出Delphi 7之后，Borland公司因内部管理问题和市场竞争激烈，逐渐走向衰败。Delphi的创始人Anders Hejlsberg离开公司，转投微软并开发了C#语言，这对Delphi造成了沉重打击。同时，Java和.NET等新技术的兴起，进一步挤压了Delphi的市场空间。高昂的定价策略也使得许多开发者转向其他工具，Delphi的用户群体急剧萎缩。

重生与发展

尽管经历了低谷，Delphi并未消失。在被Embarcadero公司收购后，Delphi不断进行技术革新，推出了支持多平台开发的版本，如Delphi XE系列。这些版本支持Windows、Android、iOS和Linux等平台，满足了现代开发的需求。在全球范围内，Delphi在巴西、中国、德国、俄罗斯和非洲等地仍然拥有广泛的用户基础。特别是在中国，Delphi在教育领域和企业级应用中依然发挥着重要作用。

展望未来

随着技术的不断发展，Delphi也在积极适应新的趋势。从最初的单一平台开发工具，到如今支持多平台、多设备的综合性开发环境，Delphi始终在追求创新。在未来，Delphi将继续优化其跨平台能力，提升开发效率，为全球开发者提供更强大的支持。

在这30周年之际，让我们向Delphi致敬，感谢它为全球开发者带来的卓越贡献。期待Delphi在未来继续引领技术潮流，为开发者创造更多可能。

聪明的程序员用Delphi

“真正的程序员用C++，聪明的程序员用Delphi”这句话曾在IT界广为流传，体现出Delphi简单、高效等优点。 Delphi最初的版本, Delphi被称为是VB Killer, 在Windows下可以快速开发Native的WIN32/64代码。代码执行效率高因为是编译（Compiled）的而不像VB解释式的（Interpreted）。

Delphi作为Windows平台下的快速应用程序开发工具（RAD：Rapid Application Development），以其简单、高效和功能强大的特点，深受开发者喜爱。与C++相比，Delphi更易于上手，开发效率更高；而与Visual Basic相比，Delphi功能更为强大。因此，使用Delphi的程序员被认为是“聪明的程序员”。

聪明的程序员用Delphi

Delphi（VB Killer）是一种编程语言，它是由Borland公司于1995年推出的。Delphi是一种基于Pascal的高级编程语言，它是一种面向对象的编程语言，它是一种结构化编程语言，它是一种事件驱动的编程语言。也被称为Object Pascal。

英文：Delphi is 30 Years Old!

本文一共 922 个汉字, 你数一下对不对.

Delphi编程语言三十周年了!. (AMP 移动加速版本)

赞赏我的几个理由.

¥ 打赏支持

扫描二维码，分享本文到微信朋友圈

75a5a60b9cac61e5c8c71a96e17f2d9c Delphi编程语言三十周年了! Delphi / Turbo Pascal 程序设计计算机资讯

The post Delphi编程语言三十周年了! first appeared on 小赖子的英国生活和资讯.

软件工程师可以去的几家大厂(面试难度/薪资)

小赖子的英国生活和资讯

作者 JustYY.com 小赖子的英国生活和资讯

2025年2月7日 02:53

软件工程师都应该去面面顶级科技公司，不同公司的难度和录取率差异巨大。以下是对 Google、Microsoft、Meta、Amazon、Apple、TikTok（字节跳动）、Netflix 和 Jane Street 录取难度的分析，以及估算的 Offer 接受率。

大厂的福利较好，有份大厂的经历/经验在找下一份工作的时候会比较加分，毕竟大厂是Proven Record。

一般来说，微软/Microsoft是软件公司，但是微软也有Azure云。微软的挣钱项目比较多，不像谷歌苹果还有NetFlix比较单一。

公司	Offer 接受率	难度等级（1-10）	关键因素	平均薪资（总包）
Google	~0.2% – 0.5%（1/200 – 1/500）	9.5	算法、系统设计、高文化门槛	$300K+（L4，美国）
Microsoft	~1% – 2%（1/50 – 1/100）	7	系统设计、实用编程、资深友好	$200K – $250K（L60，美国）
Meta	~0.5% – 1%（1/100 – 1/200）	9	DSA 重度考察，节奏快	$300K+（E4，美国）
Amazon	~2% – 5%（1/20 – 1/50）	6.5	领导力准则、招聘量大	$180K – $220K（L5，美国）
Apple	~0.5% – 1%（1/100 – 1/200）	8.5	系统优化、底层开发	$250K – $300K（ICT3，美国）
TikTok（字节跳动）	~0.3% – 0.8%（1/125 – 1/300）	8.5	算法、分布式系统、推荐系统	$250K – $350K（L4，美国）
Netflix	~0.3% – 0.7%（1/150 – 1/300）	8.5	高代码质量要求，强调自驱力	$400K+（Senior，美国）
Jane Street	~0.05% – 0.1%（1/1000 – 1/2000）	10	量化交易，数学 & OCaml	$400K – $700K+（New Grad，美国）

FinTech介绍

金融科技（FinTech）是金融（Finance）与科技（Technology）的融合，利用创新技术（如人工智能、大数据、区块链和云计算）来优化金融服务，提高效率并降低成本。FinTech 涉及支付、借贷、财富管理、保险、量化交易等多个领域，为个人和企业提供更便捷、安全的金融解决方案。从数字银行到加密货币，从智能投顾到去中心化金融（DeFi），FinTech 正在重塑全球金融体系，引领行业向更加智能化和个性化的方向发展。

FinTech 这个概念更广泛，不仅包括量化交易，还涉及支付、数字银行、加密货币、去中心化金融（DeFi）、智能投顾（Robo-Advisors）等多个领域。

Jane Street 简街介绍

JS/Jane Street是金融公司，听说给得钱超级多，刚毕业的就能在JS拿到200多K。JS是很有名的FinTech，可以说是FinTech里的Google。

Jane Street 可以算是 FinTech 领域的一部分，尤其是在量化交易（Quantitative Trading）和高频交易（HFT, High-Frequency Trading）方面。

Jane Street 主要是一家量化交易公司和流动性提供商，他们利用复杂的数学模型、统计分析和高性能计算来进行自动化交易，属于金融科技（FinTech）的量化金融（Quantitative Finance）领域。

相比传统的 FinTech 初创公司（如 Stripe、Square、Revolut），Jane Street 更偏向科技驱动的金融公司（Tech-driven Finance），但仍然属于 FinTech 生态的一部分。

Offer 接收率对比

Amazon 和 Microsoft 的 offer 接收率较高，分别在 2%-5% 和 1%-2%。相比之下，Google、Meta 和 Apple 的接收率较低，通常在 0.2%-1% 之间。而 TikTok、Netflix 介于二者之间，Jane Street 则最难进，接收率仅有 0.05%-0.1%。

难度对比

Jane Street 以 10 分的难度位列榜首，考察数学、概率和 OCaml 编程。Google 和 Meta 也极具挑战，尤其是算法和系统设计。Amazon 和 Microsoft 相对友好，招聘规模较大，门槛相对较低。

关键因素对比

各公司关注的重点不同：Google 和 Meta 主要考察数据结构与算法；Amazon 强调领导力准则；Apple 偏向底层开发；TikTok 重点关注推荐算法；Netflix 强调自驱力和代码质量；Jane Street 则高度依赖数学和函数式编程 Functional Programming （JS用的是OCAML语言）。

薪资对比

Jane Street 和 Netflix 薪资最高，新人起薪可达 $400K+。Google、Meta、TikTok 也非常可观，L4 级别的薪资可达 $300K+。Apple 和 Microsoft 稍低，而 Amazon 的薪资在入门级别（L5）相对较低，但晋升后可大幅增长。

如何提升成功率？

数据结构与算法： Google、Meta、TikTok 等公司对算法要求极高，Leetcode 刷题是必备的。
系统设计： Amazon、Microsoft 以及 Google 的高级岗位会重点考察系统设计能力。
行为面试： Amazon 的领导力准则、Googleyness 文化匹配都很关键。
Netflix 文化契合： 强调自驱力，代码质量要求高，需要有很强的独立解决问题能力。
数学与概率： Jane Street 对数学、概率、统计、OCaml 编程要求极高。

TikTok 招聘特点

字节跳动/抖音/近年大力扩招，但标准仍然严格，竞争激烈。
重点考察数据结构与算法，面试风格类似 Google。
对机器学习、推荐算法、分布式系统有较高要求。
文化适配也很重要，字节强调“Owner 意识”（Ownership）。

总结

如果目标是 高薪 + 难度适中，TikTok 和 Netflix 可能是不错的选择。如果你追求 顶级薪资 并愿意挑战数学与编程的极限，Jane Street 是最终目标。如果你想加入 FAANG，Google、Meta 仍然是最好的选择，但难度较高。

软件工程师

英文：Software Engineering Companies: Which Company Pays Most? and Which Company Is Hardest to Get In?

本文一共 1260 个汉字, 你数一下对不对.

软件工程师可以去的几家大厂(面试难度/薪资). (AMP 移动加速版本)

赞赏我的几个理由.

¥ 打赏支持

扫描二维码，分享本文到微信朋友圈

75a5a60b9cac61e5c8c71a96e17f2d9c 软件工程师可以去的几家大厂(面试难度/薪资) 程序员资讯

The post 软件工程师可以去的几家大厂(面试难度/薪资) first appeared on 小赖子的英国生活和资讯.

如何轻松创建并托管你的 GitHub Pages 站点 (无服务器静态应用)

小赖子的英国生活和资讯

作者 JustYY.com 小赖子的英国生活和资讯

2025年1月24日 05:10

创建一个 GitHub Pages 站点是一个简单的过程，可以免费为你的个人、项目或组织创建网站/博客。按照此指南开始。

步骤 1：创建 GitHub 仓库

登录你的 GitHub 账户。
点击“新建”来创建仓库。
对于个人站点，命名为 .github.io。
对于项目站点，使用任何有效的名称。

步骤 2：添加你的站点文件

使用以下命令克隆仓库到本地机器：

git clone https://github.com/<username>/<repository-name>.git

创建一个 index.html 文件，包含你想要的内容。这里是一个例子：

<!DOCTYPE html>  
<title>我的 GitHub 页面</title>
<h1>欢迎访问我的站点</h1>
<p>这是我的第一个 GitHub Pages 站点。</p>

或者，你可以使用 README.md（Markdown）作为首页。

## 我的 Github 页面
### 欢迎访问我的站点
THis is my first Github Pages site.

将你的更改提交并推送到 GitHub：

git add .
git commit -m "Initial commit"
git push origin main

how-to-setup-github-pages-static-apps 如何轻松创建并托管你的 GitHub Pages 站点 (无服务器静态应用) Github 学习笔记小技巧程序设计网站信息与统计计算机计算机

Github 上启用 Github Pages 的步骤

步骤 3：启用 GitHub Pages

转到你的仓库设置。
在侧边栏点击“Pages”。
在“源”下选择分支（例如，main）和文件夹（如果适用）。
点击“保存”。

步骤 4：查看你的站点

对于个人站点：访问 https://<username>.github.io/。
对于项目站点：访问 https://<username>.github.io/<repository-name>/。

步骤 5：自定义你的站点

要添加主题，请转到 Pages 设置并选择“选择一个主题”。

你还可以上传额外的 HTML、CSS 和 JavaScript 文件以进行进一步的自定义。

为什么 GitHub Pages 是“无服务器静态应用” / Serverless Apps

GitHub Pages 作为无服务器静态应用运行，因为它们直接向用户提供预构建的静态 HTML、CSS 和 JavaScript 文件，而不依赖后端服务器或运行时动态内容生成。相反，这些文件托管在 GitHub 的全球内容分发网络（CDN）上，确保快速有效的交付。

优点：

GitHub 提供的免费托管。
不需要服务器维护。
由于 CDN 分布，加载速度快。
简化了静态站点的部署和扩展。

缺点：

仅限于静态内容；不支持像数据库这样的服务器端功能。
高级工作流的自定义需要技术知识。
依赖于 GitHub 的基础设施。

GitHub Pages 的总结

GitHub Pages 是一个令人赞叹的免费托管网站的工具。只需几步，你就可以为你的项目、作品集或个人使用创建一个站点。通过利用无服务器模型，你可以构建轻量、高效且维护最小的站点。

英文：How to Setup and Create GitHub Pages (Serverless Static Apps)

本文一共 587 个汉字, 你数一下对不对.

如何轻松创建并托管你的 GitHub Pages 站点 (无服务器静态应用). (AMP 移动加速版本)

赞赏我的几个理由.

¥ 打赏支持

扫描二维码，分享本文到微信朋友圈

75a5a60b9cac61e5c8c71a96e17f2d9c 如何轻松创建并托管你的 GitHub Pages 站点 (无服务器静态应用) Github 学习笔记小技巧程序设计网站信息与统计计算机计算机

The post 如何轻松创建并托管你的 GitHub Pages 站点 (无服务器静态应用) first appeared on 小赖子的英国生活和资讯.

Sui 区块链编程: 通过 NodeJs/Javascript 函数获取 Gas 费用

小赖子的英国生活和资讯

作者 JustYY.com 小赖子的英国生活和资讯

2025年1月20日 04:06

在区块链开发的世界中，理解和管理gas费用对于优化交易至关重要。Sui作为一个相对较新但功能强大的区块链平台，有其独特的方式来处理gas价格。让我们来探讨如何使用Node.js和JavaScript获取Sui的gas价格。

Sui中的Gas理解

在区块链语境中，gas指的是执行交易或智能合约所需的费用。在Sui中，gas以MIST计量，其中1个SUI等于10^9个MIST。这意味着gas价格通常以每个交易或操作的MIST来报价。

获取Gas价格

这里有一个简单的异步函数来从Sui节点获取当前的gas价格：

const QUICKNODE_URL = "https://sui-mainnet-endpoint.blockvision.org"; // 你可以使用你自己的节点。

async function getGasPrice() {
    try {
      const response = await axios.post(QUICKNODE_URL, {
        method: "suix_getReferenceGasPrice",
        jsonrpc: "2.0",
        id: 1,
        params: [],
      });
      return parseFloat(response.data.result);
    } catch (error) {
      console.error("获取gas价格时发生错误:", error);
      return null;
    }
}

代码解析

axios.post: 我们使用axios向Sui RPC节点发送HTTP POST请求（假设QUICKNODE_URL在其他地方已定义为正确的URL）。
方法和JSON-RPC: 使用 suix_getReferenceGasPrice 方法查询gas价格。采用JSON-RPC 2.0协议进行通信。
错误处理: 如果获取gas价格时发生错误，会记录错误，并返回null以表示失败。

使用函数

你可以在异步上下文中调用这个函数：

(async () => {
  const gasPrice = await getGasPrice();
  if (gasPrice !== null) {
    console.log(`当前gas价格: ${gasPrice} MIST`);
  } else {
    console.log("无法获取gas价格。");
  }
})();

重要说明：

MIST: 返回的gas价格是以MIST计量的。为了实际应用，你可能需要将它转换为SUI以增加可读性，使用 gasPrice / 10^9。
QuickNode URL: 你需要用你实际的RPC节点URL替换QUICKNODE_URL。如果你不使用QuickNode，你可以连接到任何支持此RPC方法的Sui节点。
异步特性: 记住，区块链交互本质上是异步的，因此使用async/await来处理promise。

获取Sui区块链Gas费用/价格的结论

使用Node.js获取Sui中的gas价格是直接的，但需要理解区块链gas机制的细微差别以及JSON-RPC通讯。这个代码片段可以作为开发者开始将gas价格检查整合到他们的Sui区块链应用中的起点，确保他们能够有效管理交易成本。

英文：Sui Blockchain Programming: Get the Gas Fee via NodeJs/Javascript Function

Sui 区块链编程

本文一共 496 个汉字, 你数一下对不对.

Sui 区块链编程: 通过 NodeJs/Javascript 函数获取 Gas 费用. (AMP 移动加速版本)

赞赏我的几个理由.

¥ 打赏支持

扫描二维码，分享本文到微信朋友圈

75a5a60b9cac61e5c8c71a96e17f2d9c Sui 区块链编程: 通过 NodeJs/Javascript 函数获取 Gas 费用 Javascript Node Js Sui 加密货币区块链程序设计计算机计算机

The post Sui 区块链编程: 通过 NodeJs/Javascript 函数获取 Gas 费用 first appeared on 小赖子的英国生活和资讯.

Sui区块链编程: 获取最新块高度(NodeJs/Javascript函数 Latest Block Number/Height)

小赖子的英国生活和资讯

作者 JustYY.com 小赖子的英国生活和资讯

2025年1月17日 04:38

获取最新区块号（高度）是开发人员在去中心化系统中常见的任务。如果你正在使用 Sui 区块链，并希望通过 Node.js 和 JavaScript 获取最新的区块高度，以下是一个简单的实现方法。

Sui 是一个高性能、可扩展的区块链，以低延迟和创新架构而闻名。与 Sui 的交互需要利用其 API，这些 API 允许开发人员无缝查询区块链数据并与智能合约交互。首先，确保你已在计算机上设置了 Node.js 环境并安装了必要的依赖项。

了解 Sui 区块链：Sui区块链简介

首先，创建一个新的 Node.js 项目。你可以使用以下命令初始化项目：

mkdir sui-block-height
cd sui-block-height
npm init -y

接下来，安装 Axios 库，它通常用于在Node.js中发起 HTTP 请求。我们将用它从 Sui 区块链 API 获取数据：

npm install axios

现在，创建一个名为 getLatestBlock.js 的文件，并在你喜欢的代码编辑器中打开。在这个脚本中，我们将编写一个函数来获取最新的区块高度。Sui 区块链提供了一个 RPC 端点，允许你查询其状态。这个端点是获取区块数据的关键。

以下是代码：

const axios = require('axios');

// Sui RPC 端点 - 如果使用特定网络，请替换为实际端点 
const SUI_RPC_URL = 'https://fullnode.sui.io/v1';

async function getLatestBlockHeight() {
    try {
        // 向 Sui RPC 端点发送 POST 请求
        const response = await axios.post(SUI_RPC_URL, {
            jsonrpc: '2.0',
            id: 1,
            method: 'sui_getLatestCheckpointSequenceNumber',
            params: []
        });
        if (response.data && response.data.result !== undefined) {  
            console.log(`最新区块高度: ${response.data.result}`);  
            return response.data.result;  
        } else {  
            throw new Error('响应结构异常');  
        }  
    } catch (error) {  
        console.error('获取区块高度失败:', error.message);  
        throw error;  
    }  
}

// 运行函数
getLatestBlockHeight().catch((err) => {
    console.error('Failed to fetch the block height:', err);
});

Node.js 代码解析

Axios 请求：我们使用 Axios 向 Sui RPC 端点发送 POST 请求。方法 sui_getLatestCheckpointSequenceNumber 用于获取区块链上的最新区块号（或检查点序列号）。
错误处理：正确的错误处理可以确保网络错误或响应格式异常被记录，便于调试。
日志记录：函数将最新的区块高度输出到控制台，这对于快速测试或调试非常有用。

在运行脚本之前，确保 Sui RPC 端点正确且可访问。示例中提供的 URL 指向 Sui 主网的全节点端点。如果你使用的是测试网或本地实例，请将 SUI_RPC_URL 变量替换为合适的端点。

运行脚本的命令：

node getLatestBlock.js

如果设置正确，你应该在控制台中看到打印的最新区块高度。此函数可以轻松集成到更大的应用程序中，或通过修改 RPC 方法和参数来适应其他区块链数据的获取需求。

实时交互区块链数据是构建去中心化应用程序的关键技能。借助 Sui 区块链强大的 API 和 Node.js 的简单性，你可以快速获取最新区块高度，并将此信息用于各种用途，例如监控网络、更新用户界面或触发应用程序中的特定操作。

随着 Sui 生态系统的发展，及时关注其文档和最佳实践可以确保你的集成高效且可靠。

英文：NodeJs/Javascript Function to Get the Latest Block Number (Height) on the Sui Blockchain

Sui 区块链编程

本文一共 729 个汉字, 你数一下对不对.

赞赏我的几个理由.

¥ 打赏支持

扫描二维码，分享本文到微信朋友圈

75a5a60b9cac61e5c8c71a96e17f2d9c Sui区块链编程: 获取最新块高度(NodeJs/Javascript函数 Latest Block Number/Height) Javascript Node Js Sui 区块链学习笔记小技巧程序设计计算机

The post Sui区块链编程: 获取最新块高度(NodeJs/Javascript函数 Latest Block Number/Height) first appeared on 小赖子的英国生活和资讯.

编程: NodeJs/Javascript 函数检查Tron/波场区块链上的交易是否已确认(TronGrid API)

小赖子的英国生活和资讯

作者 JustYY.com 小赖子的英国生活和资讯

2025年1月6日 06:03

我们想知道给定的交易是否已经在 Tron/波场区块链上确认，这可以通过 TronGrid API 轻松实现。

tron-blockchain

为了确保交易在Tron/波场区块链上被确认，验证逻辑应关注交易的状态，这表明交易是否已被 Tron 虚拟机（TVM）成功处理。以下是正确的验证方法：

检查 receipt.result

验证交易成功的主要标志是 receipt.result 字段。值为 “SUCCESS” 表明交易已成功处理且无任何错误。

确认区块号

交易仅在被包含进一个区块后才算确认。确保 transactionInfo.blockNumber 已定义且与预期的区块一致。

考虑额外的指标

某些交易可能不会生成 net_usage，但可能会产生 net_fee。检查诸如 net_fee 或 net_usage 的任何资源使用情况，可以让验证逻辑更加全面和完全可靠。

避免过早确认

确保交易不再是挂起状态，并已成功广播到网络中。

验证逻辑

以下是处理各种边界情况的逻辑：

const isConfirmed = transactionInfo =>
  transactionInfo.blockNumber !== undefined && // 确保交易已包含在区块中 
  transactionInfo.receipt && // Receipt is present
  (
    transactionInfo.receipt.result === 'SUCCESS' || // 明确的成功结果
    transactionInfo.receipt.net_usage > 0 || // 使用了资源
    transactionInfo.receipt.net_fee > 0 // 产生了费用
  );

代码解释：

transactionInfo.blockNumber：确保交易已成为区块链的一部分。
transactionInfo.receipt.result：确认交易执行的状态。
transactionInfo.receipt.net_usage / transactionInfo.receipt.net_fee：验证资源的使用情况，确保交易对链上状态有实际影响。

最佳实践：

监控交易事件：使用 TronGrid 的事件订阅功能，实时跟踪交易的确认状态。
增加确认等待：等待多个区块确认，以减少链重组导致交易无效的风险。
记录并处理错误：如果交易失败，请检查 contractResult 和 logs 中的错误详情。

这种方法可确保 Tron 系统中的交易确认过程稳健可靠。

完整的 JavaScript函数代码用于验证波场区块链上的交易

以下是一个基于 Node.js（JavaScript）的函数，它可以通过 TronGrid API 确认或验证 Tron 区块链上的交易。此函数需要使用 axios 库来执行 HTTPS API 调用。

const axios = require('axios');

async function isTransactionConfirmed(transactionID, appKey) {
    try {
        const response = await axios.post(
            'https://api.trongrid.io/walletsolidity/gettransactioninfobyid',
            { value: transactionID },
            {
                headers: {
                    'accept': 'application/json',
                    'content-type': 'application/json',
                    'TRON-PRO-API-KEY': appKey
                }
            }
        );
  
        const transactionInfo = response.data;
        const isSuccess = (transactionInfo.receipt && transactionInfo.receipt.result === 'SUCCESS') || ((transactionInfo.blockNumber !== undefined) && (transactionInfo.receipt.net_usage > 0 || (transactionInfo.receipt.net_fee > 0)));
        const blockNumber = transactionInfo.blockNumber;
        
        console.log(`BlockNumber ${blockNumber}, ${JSON.stringify(transactionInfo)} Transaction ID: ${transactionID} - Status: ${isSuccess ? 'Confirmed' : 'Failed'}`);
        if (!isSuccess) {
            console.log(JSON.stringify(transactionInfo));
        }
        return {
          "ok": isSuccess, 
          "block": blockNumber
        };
    } catch (error) {
        console.error('Error verifying transaction:', error);
        throw error;
    }
}

英文：NodeJs/Javascript Function to Check if a Transaction is Confirmed on Tron Blockchain via TronGrid API

区块链技术

本文一共 540 个汉字, 你数一下对不对.

编程: NodeJs/Javascript 函数检查Tron/波场区块链上的交易是否已确认(TronGrid API). (AMP 移动加速版本)

赞赏我的几个理由.

¥ 打赏支持

扫描二维码，分享本文到微信朋友圈

75a5a60b9cac61e5c8c71a96e17f2d9c 编程: NodeJs/Javascript 函数检查Tron/波场区块链上的交易是否已确认(TronGrid API) Javascript 区块链波场 (TRON) 程序设计

The post 编程: NodeJs/Javascript 函数检查Tron/波场区块链上的交易是否已确认(TronGrid API) first appeared on 小赖子的英国生活和资讯.

Python 中寻找数据的众数: mode vs multimode

小赖子的英国生活和资讯

作者 JustYY.com 小赖子的英国生活和资讯

2024年12月23日 19:30

在 Python 中寻找数据的众数

statistics.mode() 函数是 Python 中 statistics 模块的一部分，它返回数据集中出现次数最多的单个值（众数）。与 multimode() 不同，mode() 如果数据集包含多个众数（即多模态数据）或数据为空，则会引发错误。

以下是一些示例来说明 mode() 的行为：

mode() 的语法

statistics.mode(data)

data: 一个序列（例如 list、tuple），其中的元素是可散列的，用于确定众数。

示例

单一众数（单模态数据）

from statistics import mode
data = [1, 2, 2, 3, 4]
result = mode(data)
print(result)  # 输出: 2

字符串作为数据

from statistics import mode
data = ["apple", "banana", "apple", "cherry"]
result = mode(data)
print(result)  # 输出: "apple"

多模态数据（引发错误）

如果有多个众数，mode() 会引发 StatisticsError。

from statistics import mode
data = [1, 1, 2, 2, 3]
try:
    result = mode(data)
except StatisticsError as e:
    print(e)  # 输出: "no unique mode; found 2 equally common values"

无重复值（引发错误）

如果数据集中没有值重复，mode() 会引发 StatisticsError。

from statistics import mode
data = [1, 2, 3, 4, 5]
try:
    result = mode(data)
except StatisticsError as e:
    print(e)  # 输出: "no unique mode; found 5 equally common values"

空数据集（引发错误）

如果数据集为空，mode() 会引发 StatisticsError。

from statistics import mode
data = []
try:
    result = mode(data)
except StatisticsError as e:
    print(e)  # 输出: "no mode for empty data"

在 Python 中寻找多众数

在 Python 中，术语 multimode 通常指 statistics.multimode() 函数，这是 Python 3.8 中 statistics 模块的一部分。此函数用于找到数据集中出现次数最多的值（众数）。与 statistics.mode() 不同，后者仅返回单个众数（如果数据集是多模态的会引发错误），而 multimode() 可以处理包含多个众数的多模态数据集。

语法

statistics.multimode(data)

data: 一个序列（例如 list、tuple），其中的元素是可散列的，用于查找众数。

行为

返回输入数据中所有众数的列表。如果没有元素重复，则返回所有唯一值的列表，因为在这种情况下每个值都是众数。

示例

单一众数

from statistics import multimode
data = [1, 2, 2, 3, 4]
result = multimode(data)
print(result)  # 输出: [2]

多个众数

from statistics import multimode
data = [1, 1, 2, 2, 3]
result = multimode(data)
print(result)  # 输出: [1, 2]

无重复值

from statistics import multimode
data = [1, 2, 3, 4, 5]
result = multimode(data)
print(result)  # 输出: [1, 2, 3, 4, 5]

主要特性

多模态支持：可以处理包含多个同频值的数据集。
优雅地处理唯一数据：如果没有重复值，则返回所有唯一值。
灵活的输入类型：适用于任何可散列对象的序列，包括字符串和元组。

字符串示例

data = ["apple", "banana", "apple", "cherry", "banana", "banana"]
result = multimode(data)
print(result)  # 输出: ['banana']

使用场景

分析调查结果或投票中具有多个最受欢迎选项的情况。
识别数据集中可能共享最高频率的频繁模式。

局限性

如果数据集很大，计算众数可能会消耗大量计算资源，因为它需要统计所有元素的出现次数。

mode 与 multimode 的比较

特性	mode()	multimode()
返回值	单个最频繁的值	所有最频繁值的列表
多模态数据行为	引发 `StatisticsError`	返回所有众数
空数据集行为	引发 `StatisticsError`	返回空列表
最佳用途	适用于期望唯一众数的单模态数据	适用于包含多个众数的多模态数据或任意数据

如果不确定数据是否包含多个众数或无重复值，multimode() 是更安全的选择。

英文：The mode vs multimode in Python

本文一共 702 个汉字, 你数一下对不对.

Python 中寻找数据的众数: mode vs multimode. (AMP 移动加速版本)

赞赏我的几个理由.

¥ 打赏支持

扫描二维码，分享本文到微信朋友圈

75a5a60b9cac61e5c8c71a96e17f2d9c Python 中寻找数据的众数: mode vs multimode Python Python 学习笔记数学程序设计计算机

The post Python 中寻找数据的众数: mode vs multimode first appeared on 小赖子的英国生活和资讯.

教娃编程之: ChatGPT写了一个Python交互程序调用x.ai的Grok大语言模型

小赖子的英国生活和资讯

作者 JustYY.com 小赖子的英国生活和资讯

2024年12月2日 04:20

马斯克的x.ai到年底有免费的25美元的credit可以使用Grok大语言模型

前不久（今年初），伊隆·马斯克/Elon Musk的X公司开源了Grok大语言模型，并且给免费提供了25美元的credit可以调用。可以在其官网x.ai注册一个帐号，申请API KEY即可，官网还贴心的的给出了调用的例子。

curl https://api.x.ai/v1/chat/completions -H "Content-Type: application/json" -H "Authorization: Bearer xai-......" -d '{
  "messages": [
    {
      "role": "system",
      "content": "You are a test assistant."
    },
    {
      "role": "user",
      "content": "Testing. Just say hi and hello world and nothing else."
    }
  ],
  "model": "grok-beta",
  "stream": false,
  "temperature": 0
}'

孩子们由于未成年，所以无法申请ChatGPT、X AI等大语言模式的帐号，平时他们只能在免费的微软冰/BING搜索引擎上使用集成的免费Copilot。不过今天听弟弟说，ChatGPT现在已经不需要登陆就可以使用，不过他说这个版本有点受限制。

平均长度来算的话，一句话的Prompt大概是0.0012美元。当然越长的句子花费越贵，毕竟价格是按Token来算的。可以粗略的估计一个单词是一个Token。

x.ai-usage 教娃编程之: ChatGPT写了一个Python交互程序调用x.ai的Grok大语言模型 ChatGPT (OpenAI) Grok (X.AI) Python 人工智能 (AI) 折腾教娃教程教育程序员程序设计

目测每条Prompt的费用是0.0012美元，25美元可以使用大概2万次

x.ai-free-25-credit 教娃编程之: ChatGPT写了一个Python交互程序调用x.ai的Grok大语言模型 ChatGPT (OpenAI) Grok (X.AI) Python 人工智能 (AI) 折腾教娃教程教育程序员程序设计

每个帐号有免费的25美元API费用

x.ai-dashboard 教娃编程之: ChatGPT写了一个Python交互程序调用x.ai的Grok大语言模型 ChatGPT (OpenAI) Grok (X.AI) Python 人工智能 (AI) 折腾教娃教程教育程序员程序设计

X.AI 的API网站界面

x.ai-api-models 教娃编程之: ChatGPT写了一个Python交互程序调用x.ai的Grok大语言模型 ChatGPT (OpenAI) Grok (X.AI) Python 人工智能 (AI) 折腾教娃教程教育程序员程序设计

API 的 X AI 模型：grok-beta 和 grok-vision-beta

由 X AI 为 Grok LLM 创建 API 密钥。 Create API Keys for Grok LLM by X AI.

ChatGPT写了一个Python交互程序调用x.ai的Grok大语言模型

反正是免费的25美元，于是想着给娃做一个简单的PYTHON程序，然后人机交互，每次调用x.ai的Grok大语言模式，也正好让娃学一学实际的编程应用。于是让ChatGPT写了个程序，这种简单的程序ChatGPT基本上是Bug Free，生成的代码拿来就能用。

import requests
import json

api_key = "x_ai ..."

# Define the API endpoint and headers
url = "https://api.x.ai/v1/chat/completions"
headers = {
    "Content-Type": "application/json",
    f"Authorization": "Bearer {api_key}",
}

# Define a system message for context
system_message = {"role": "system", "content": "You are a test assistant."}

print("Welcome to the Grok, an AI chatbot. Type 'bye' to exit.\n")

while True:
    # Prompt the user for input
    user_input = input("You: ").strip()

    # Check if the user wants to exit
    if user_input.lower() == "bye":
        print("Goodbye!")
        break

    if user_input == "":
        continue

    # Define the payload
    payload = {
        "messages": [
            system_message,
            {"role": "user", "content": user_input}
        ],
        "model": "grok-beta",
        "stream": False,
        "temperature": 0
    }

    try:
        # Make the request
        response = requests.post(url, headers=headers, json=payload)

        # Check the response status
        if response.status_code == 200:
            data = response.json()
            assistant_response = data["choices"][0]["message"]["content"]
            print(f"Grok: {assistant_response}\n")
        else:
            print(f"Error: {response.status_code} - {response.text}")
    except Exception as e:
        print(f"An error occurred: {e}")

之后简单做了些修改，比如避免空的Prompt，并且用strip函数去除句首和句尾的空格。娃使用的是Mac苹果电脑，还得在Terminal装个Homebrew，然后安装Python，并且用 pip3 install requests 安装上请求包，就可以使用了。

x-ai-prompt-python-2024-12-01-12.53.31-scaled 教娃编程之: ChatGPT写了一个Python交互程序调用x.ai的Grok大语言模型 ChatGPT (OpenAI) Grok (X.AI) Python 人工智能 (AI) 折腾教娃教程教育程序员程序设计

虽然界面有点素，也就是个简单的终端，但是对于孩子来说已经是个很强大的软件了。

kid-plays-x-ai-grok-llm-2024-12-01-12.53.26-scaled 教娃编程之: ChatGPT写了一个Python交互程序调用x.ai的Grok大语言模型 ChatGPT (OpenAI) Grok (X.AI) Python 人工智能 (AI) 折腾教娃教程教育程序员程序设计

弟弟在苹果电脑上成功跑起了x.ai的大语言模式 Grok

ChatGPT 可以拿来做什么？

ChatGPT 通用人工智能

英文：ChatGPT writes a Python Script to Interact with Grok LLM from x.ai (Free $25 Credit)

本文一共 743 个汉字, 你数一下对不对.

教娃编程之: ChatGPT写了一个Python交互程序调用x.ai的Grok大语言模型. (AMP 移动加速版本)

赞赏我的几个理由.

¥ 打赏支持

扫描二维码，分享本文到微信朋友圈

75a5a60b9cac61e5c8c71a96e17f2d9c 教娃编程之: ChatGPT写了一个Python交互程序调用x.ai的Grok大语言模型 ChatGPT (OpenAI) Grok (X.AI) Python 人工智能 (AI) 折腾教娃教程教育程序员程序设计

The post 教娃编程之: ChatGPT写了一个Python交互程序调用x.ai的Grok大语言模型 first appeared on 小赖子的英国生活和资讯.

力扣刷题获得一件衣服奖励(Leetcode DCC Winner)

小赖子的英国生活和资讯

作者 JustYY.com 小赖子的英国生活和资讯

2024年12月1日 00:16

我每天都在力扣上刷题。力扣有国服和美服，我两边都会打卡。每天打卡可以获得积分，而积分可以兑换各种礼物，比如T恤、卫衣、水壶，甚至可以用来抵扣一个月的会员费用。

我从2018年8月开始刷题找工作（当时去伦敦面试亚马逊），从那时起每年都会续费会员，费用是159美元，相当于每月13.25美元。我觉得这是对自己最值得的投资。买了力扣会员，就会有动力刷题、思考，通过不断练习让自己熟能生巧，保持一定的竞争力。

到目前为止，我已经用积分兑换了7-8件力扣的衣服，其中有2-3件是卫衣。国内的礼物我都寄到姐姐家。

前不久，我收到了力扣的邮件，说我获得了DCC奖励。我也不知道为什么会获得这个奖，随手回了邮件。没多久，就收到了一件新版的力扣衬衫。

leetcode-dcc-oct-2024-winner 力扣刷题获得一件衣服奖励(Leetcode DCC Winner) 奋斗程序员程序设计资讯

力扣的这个奖励发到我另一个邮箱，我都差一点错过了。

leetcode-2024-11-26-18.20.49-rotated 力扣刷题获得一件衣服奖励(Leetcode DCC Winner) 奋斗程序员程序设计资讯

这次力扣奖励的衣服是新版的，感觉比之前的质量要好。

英文：Leetcode DCC Winner T-shirt

刷题：程序员的基本技能

本文一共 383 个汉字, 你数一下对不对.

力扣刷题获得一件衣服奖励(Leetcode DCC Winner). (AMP 移动加速版本)

赞赏我的几个理由.

¥ 打赏支持

扫描二维码，分享本文到微信朋友圈

75a5a60b9cac61e5c8c71a96e17f2d9c 力扣刷题获得一件衣服奖励(Leetcode DCC Winner) 奋斗程序员程序设计资讯

The post 力扣刷题获得一件衣服奖励(Leetcode DCC Winner) first appeared on 小赖子的英国生活和资讯.

基于P站(Poloniex)的广度优先搜索算法来获得任意两种币的兑换价格

小赖子的英国生活和资讯

作者 JustYY.com 小赖子的英国生活和资讯

2024年11月18日 04:36

币圈的P站是Poloniex，前几年被孙宇晨收购了，它是一个交易所。我很久之前用过Poloniex，当时对其印象并不是很好。

不过，现在我对其好感增加，因为币安买下的coinmarketcap免费的接口就很多限制。

官方文档），这个接口的频率限制是一秒200次，很慷慨了。

https://api.poloniex.com/markets/price

能返回所有交易配对，比如这样的：

[
    {
        "symbol": "BTS_BTC",
        "price": "0.0000000186",
        "time": 1731852313035,
        "dailyChange": "-0.0462",
        "ts": 1731852313054
    },
    {
        "symbol": "DASH_BTC",
        "price": "0.000317",
        "time": 1731848096481,
        "dailyChange": "0.0063",
        "ts": 1731848096489
    },
    ... ...
]

这个JSON返回的结构是一个数组，每个元素是个结构体，也就是一个币价的具体配对信息，我们可以看成是一条边Edge两个顶点Vertice，这样就是一个图结构（带权图 Weighted Graph，权值就是兑换价格），虽然给的是单边，但其实是个双向的，比如USD_BTC得值可以反过来推得BTC到USD的价格。我们可以设计一个算法，从币价A到币价B，可以通过BFS广度优先搜索算法来获取价格。比如有配对A_B、B_C、C_D我们就可以获得A_D的值。

深度优先搜索算法DFS也可以，不过这个算法会返回找到的第一条路径，并不能保证是最短的，最短的确实是最准确的，因为链也长，转换精度就会下降。

当然，可能存在多条路径，最理想的状态是把这些路径都求出来，取个平均啥的，不过这样就得暴力搜索所有的路径了，算法时间复杂度就会比较高。

以下是BFS广度优先算法的代码，Javascript的，可以用于网页前端或者NodeJs后端，甚至是CloudFlare Serverless Worker或者是其它无服务框架：Azure Function、AWS Lambda等。

const fetch = require('node-fetch');

async function getTicker(a, b) {
  try {
    const response = await fetch('https://api.poloniex.com/markets/price');
    const data = await response.json();

    // 创建一个哈希表来存储代币对及其价格
    const pairMap = new Map();

    // 使用直接对及其反向对填充哈希表
    for (const { symbol, price } of data) {
      const [base, quote] = symbol.split('_').map(token => token.toLowerCase());
      if (!pairMap.has(base)) pairMap.set(base, new Map());
      if (!pairMap.has(quote)) pairMap.set(quote, new Map());
      
      pairMap.get(base).set(quote, parseFloat(price));
      pairMap.get(quote).set(base, 1 / parseFloat(price)); // 添加反向边
    }

    // 将 token 转换为小写
    a = a.toLowerCase();
    b = b.toLowerCase();

    // BFS 查找从 a 到 b 的转换率
    const queue = [[a, 1]]; // 从初始代币和兑换率 1 开始
    const visited = new Set([a]);

    while (queue.length > 0) {
      const [currentToken, currentRate] = queue.shift();

      if (currentToken === b) return currentRate;

      // Check connected tokens
      for (const [nextToken, rate] of (pairMap.get(currentToken) || new Map())) {
        if (!visited.has(nextToken)) {
          visited.add(nextToken);
          queue.push([nextToken, currentRate * rate]);
        }
      }
    }

    // 如果未找到路径，则返回 null
    return null;
  } catch (error) {
    console.error("获取或处理数据时出错:", error);
    return null;
  }
}

// Example usage:
(async () => {
  const rate = await getTicker('btc', 'trx');
  console.log('BTC 到 TRX 的兑换率:', rate);
})();

代码的一些简单说明：

API 数据提取：从 P站 API 提取数据并将响应解析为 JSON。
映射对：以每个代币作为键创建一个映射，其中值是它可以直接转换为的另一个代币映射，以及兑换率。
双向映射：通过反转反向转换的价格来存储直接对和反向对。
广度优先搜索：使用队列遍历从 a 到 b 的路径。对于每个代币，都会检查其邻居（可转换代币）。如果找到 b，该函数将返回累积率；如果没有，则继续，直到所有选项都用尽。
处理无路径：如果未找到转换路径，则函数返回 null。

如果有多组兑换，我们可以改成传入一个数组，这样就不用多次调用P站的API了。

const fetch = require('node-fetch');

async function getToken(pairs) {
  try {
    const response = await fetch('https://api.poloniex.com/markets/price');
    const data = await response.json();

    // 创建一个哈希表来存储代币对及其价格
    const pairMap = new Map();

    // 使用直接对及其反向对填充哈希表
    for (const { symbol, price } of data) {
      const [base, quote] = symbol.split('_').map(token => token.toLowerCase());
      if (!pairMap.has(base)) pairMap.set(base, new Map());
      if (!pairMap.has(quote)) pairMap.set(quote, new Map());
      
      pairMap.get(base).set(quote, parseFloat(price));
      pairMap.get(quote).set(base, 1 / parseFloat(price)); // 添加一条反向边
    }

    // 使用 BFS 查找单个对的转换率的辅助函数
    const findConversionRate = (a, b) => {
      a = a.toLowerCase();
      b = b.toLowerCase();
      
      if (a === b) return 1; // 直接转换

      const queue = [[a, 1]];
      const visited = new Set([a]);

      while (queue.length > 0) {
        const [currentToken, currentRate] = queue.shift(); // 出队列

        if (currentToken === b) return currentRate;

        for (const [nextToken, rate] of (pairMap.get(currentToken) || new Map())) {
          if (!visited.has(nextToken)) {
            visited.add(nextToken);
            queue.push([nextToken, currentRate * rate]);
          }
        }
      }

      return null; // 路径没找到
    };

    // 迭代列表并查找转换率
    const results = pairs.map(([a, b]) => findConversionRate(a, b));
    return results;
  } catch (error) {
    console.error("Error fetching or processing data:", error);
    return pairs.map(() => null); // 如果有错误，则返回每对的 null
  }
}

// Example usage:
(async () => {
  const conversionRates = await getToken([['btc', 'trx'], ['usd', 'steem']]);
  console.log('兑换结果：', conversionRates);
})();

简单的代码说明：

参数更新：getToken 现在接受成对的元组数组，其中每个元组代表一对 [a, b]。
辅助函数：findConversionRate 处理每对的转换，实现与以前相同的 BFS 方法。
映射每对：函数迭代数组里的每个配对币，应用 findConversionRate 计算转换率，并将结果存储在数组中。
错误处理：如果出现 API 或处理错误，则返回一个空值数组，与输入数组的长度匹配。

这个修改后的函数现在可以接受一个数组，并在一次Poloniex API调用中返回数组里每个配对的兑换率。

英文：Crypto Token Exchange Rate Computation Based on Breadth First Search Algorithm on Poloniex API

区块链技术

Crypto虚拟货币交易所

交易所跑路啦

本文一共 1127 个汉字, 你数一下对不对.

基于P站(Poloniex)的广度优先搜索算法来获得任意两种币的兑换价格. (AMP 移动加速版本)

赞赏我的几个理由.

¥ 打赏支持

扫描二维码，分享本文到微信朋友圈

75a5a60b9cac61e5c8c71a96e17f2d9c 基于P站(Poloniex)的广度优先搜索算法来获得任意两种币的兑换价格 Javascript Poloniex P站交易所 Crypto Exchanges 加密货币区块链比特币 BTC 程序设计算法编程计算机计算机软件工程

The post 基于P站(Poloniex)的广度优先搜索算法来获得任意两种币的兑换价格 first appeared on 小赖子的英国生活和资讯.

「叙利亚风格」

KAIX.IN

作者 dimlau

2024年11月13日 12:46

「还是妳的叙利亚风格」，老顾客花了好久终于找到了新店地址，进门后对我这样感慨。虽然在我的设计思路里，这次装修加入了很多中式元素，想营造一种近似于禅的意境，不过这不是重点，我这个年纪已经不会因为被误解而专门写篇文章来排解。重点是「叙利亚风格」真的不是一个合适的称呼。

就像有装修设计里有中式、日式风格一样，叙利亚悠久历史，的确也有叙利亚风格——色彩明快、光洁的瓷砖、纷繁花纹的挂毯、吊灯、花瓶……当然，不能要求所有人都了解这些。但是，显然大家却都知道作为流行语的所谓叙利亚风格——战火造成的简陋的、破损的景象。拿别人的苦难来调侃，实在不合适。

说完重点再回过头来聊聊设计。几个月前，我店旁边的街上开了一间餐馆，拆开的纸箱展平了订在大白墙上，毛笔歪扭地写了几个本地方言发音的、读不通顺的大字。我猜设计者——如果有设计的话——或许把在社交平台上看到的时下流行的店面设计归纳为破败，然后做了一个自己版本的破败出来。结果显而易见，没人喜欢在令人不适的地方久留，更别提用餐；这家店已经关张。

空间的氛围来自背后理念的传递。为什么同样是大白墙或裸砖墙，有的让人感觉舒适自在，有的却让人不安？原因往往就在设计师的态度和表达。活跃的人传递热情，缜密的人表达冷静。而缺少关怀的人、用刻板印象和简单标签来看待世界的人，只能展示麻木。

fin.

激赏！来信。

理解系统设计中的可用性百分比: 计算系统的停机时间(Availability)

小赖子的英国生活和资讯

作者 JustYY.com 小赖子的英国生活和资讯

2024年11月12日 04:50

aws-four-nines-sla 理解系统设计中的可用性百分比: 计算系统的停机时间(Availability) 学习笔记程序员系统设计计算机面试

亚马逊云AWS的SLA是4个9也就是99.99%在线时间uptime

在系统设计面试中，可用性百分比是软件工程师应该熟悉的基本知识。

在系统可靠性领域（System Availability），99.9% 或 99.99% 之类的可用性百分比是关键的基准。但是这些数字究竟意味着什么？它们又如何转化为实际停机时间（Downtime）？以下介绍了如何计算与不同可用性水平相关的停机时间，并使用示例来说明 99.9%、99.99% 和其他可用性目标所带来的预期。

什么是可用性百分比？

可用性百分比表示系统在给定时间段（通常是一年、一月或一天）内预计正常运行的时间比例。例如，99.9% 的可用性意味着系统在指定期间内可以停机 0.1% 的时间。

可用性百分比和停机时间

以下是根据不同时间段的可用性百分比计算停机时间的方法：

确定总时间周期：选择参考周期：
- 年：365 天，或 31,536,000 秒（365 天 × 24 小时 × 60 分钟 × 60 秒）
- 月：30 天，或 2,592,000 秒
- 日：24 小时，或 86,400 秒
计算允许的停机时间：使用公式：

停机时间 = 总时间周期 × (1 – 可用性百分比)

示例：99.9% 可用性的停机时间

99.9% 可用性的年度停机时间

一年中的总秒数：31,536,000
可用性：99.9% = 0.999
停机时间 = 31,536,000 × (1 – 0.999) = 31,536 秒
转换为小时和分钟：31,536 秒约为 8 小时 45 分钟

99.9% 可用性的月度停机时间

一个月中的总秒数：2,592,000
停机时间 = 2,592,000 × (1 – 0.999) = 2,592 秒
转换为分钟：2,592 秒约为 43.2 分钟

99.9% 可用性的每日停机时间

一天中的总秒数：86,400
停机时间 = 86,400 × (1 – 0.999) = 86.4 秒
转换为分钟：86.4 秒约为 1.44 分钟

更高可用性水平的停机时间

对于具有更高可用性目标的系统，如 99.99% 或 99.999%，允许的停机时间会变得更短。以下是总结不同可用性水平停机时间的表格：

可用性	年度停机时间	月度停机时间	每日停机时间
99.9%（三个 9）	约 8 小时 45 分钟	约 43.2 分钟	约 1.44 分钟
99.99%（四个 9）	约 52.6 分钟	约 4.4 分钟	约 8.6 秒
99.999%（五个 9）	约 5.3 分钟	约 26 秒	约 0.86 秒
99.9999%（六个 9）	约 31.5 秒	约 2.6 秒	约 86 毫秒

高可用性的重要性

具有高可用性目标的系统对于那些停机会直接影响收入、客户满意度或安全的行业至关重要。实现这些目标需要精心设计，包括负载均衡、冗余、故障转移机制，有时还需要资源的地理分布。

总结

可用性百分比提供了表达系统可靠性的一种方便方式，但将其转换为停机时间则可以更清楚地看到面临的风险。使用这些计算来设置现实的可用性目标，并相应地准备您的基础设施。

英文：Understanding Availability Percentages: Calculating Downtime for Your Systems

本文一共 768 个汉字, 你数一下对不对.

理解系统设计中的可用性百分比: 计算系统的停机时间(Availability). (AMP 移动加速版本)

赞赏我的几个理由.

¥ 打赏支持

扫描二维码，分享本文到微信朋友圈

75a5a60b9cac61e5c8c71a96e17f2d9c 理解系统设计中的可用性百分比: 计算系统的停机时间(Availability) 学习笔记程序员系统设计计算机面试

The post 理解系统设计中的可用性百分比: 计算系统的停机时间(Availability) first appeared on 小赖子的英国生活和资讯.

C++的异步编程: std::future, std::async 和 std::promise

小赖子的英国生活和资讯

作者 JustYY.com 小赖子的英国生活和资讯

2024年11月11日 20:34

在 C++ 中，std::future 和 std::async 是 C++11 标准并发库的一部分。它们允许您异步/Asynchronous运行任务并在稍后获取结果，非常适合编写非阻塞代码和并行化计算。以下是它们的工作原理和典型用法。

C++ std::async

std::async 是一个高级函数，允许您异步启动一个任务（一个可调用对象，如函数或 lambda）。您指定要运行的函数，std::async 返回一个表示该函数结果的 std::future。您可以稍后获取该结果，无论是任务完成时还是您需要时。

#include <iostream>
#include <future>
#include <chrono>

int compute() {
    std::this_thread::sleep_for(std::chrono::seconds(2));  // 模拟工作
    return 42;  // 计算结果
}

int main() {
    // 异步启动任务
    std::future<int> result = std::async(std::launch::async, compute);

    // 当 compute() 运行时执行其他任务...

    // 获取 compute() 的结果（如果任务未完成则会等待）
    int value = result.get();
    std::cout << "结果: " << value << std::endl;

    return 0;
}

在此示例中：

std::async(std::launch::async, compute) 异步启动 compute()，返回一个 std::future 对象。
result.get() 调用等待任务完成（如果尚未完成）然后获取结果。

C++ std::launch 策略

std::launch::async: 强制任务在新线程上异步运行。
std::launch::deferred: 推迟执行直到 future 上调用 get() 或 wait()，使其同步运行。

如果省略策略，C++ 可能根据实现定义的标准选择其中之一。

C++ std::future

std::future 是一个类模板，表示稍后获取的结果。它本质上是一个异步操作结果的占位符。

关键方法

get(): 如果结果尚未完成则等待并获取结果。调用 get() 后，std::future 变为空。
wait(): 等待任务完成，但不获取结果。
valid(): 如果 std::future 具有共享状态（即有结果可用）返回 true。
wait_for() 和 wait_until(): 等待特定时间或直到结果可用的截止时间。

带有 wait_for 的示例

if (result.wait_for(std::chrono::seconds(1)) == std::future_status::ready) {
    std::cout << "结果已就绪: " << result.get() << std::endl;
} else {
    std::cout << "仍在等待结果..." << std::endl;
}

此代码检查结果是否在 1 秒内就绪。如果没有就绪则继续执行，不阻塞。

C++ std::promise

对于更高级的用法，std::promise 允许您手动设置 std::future 的结果。std::promise 对象提供一个 std::future，您可以显式设置结果。

#include <iostream>
#include <future>
#include <thread>

void setPromise(std::promise<int> p) {
    p.set_value(10);  // 设置 promise 的结果
}

int main() {
    std::promise<int> p;
    std::future<int> f = p.get_future();  // 从 promise 获取 future

    std::thread t(setPromise, std::move(p));  // 将 promise 传递给线程
    t.join();

    std::cout << "promise 的结果: " << f.get() << std::endl;  // 获取结果
    return 0;
}

在此例子中，结果 10 是由 std::promise 设置的，std::future 可以通过 f.get() 获取。

C++ Future/Async/Promise 总结

std::async: 启动一个异步运行的任务，返回一个 std::future。
std::future: 表示将来会设置的值，通常是异步任务的返回值。
std::promise: 允许手动设置 std::future 的结果。

使用这些功能，您可以有效地管理 C++ 中的异步任务，更轻松地并行运行计算或将工作分配给其他线程而不阻塞主线程。

英文：Tutorial on C++ Future, Async and Promise

C/C++编程

本文一共 606 个汉字, 你数一下对不对.

C++的异步编程: std::future, std::async 和 std::promise. (AMP 移动加速版本)

赞赏我的几个理由.

¥ 打赏支持

扫描二维码，分享本文到微信朋友圈

75a5a60b9cac61e5c8c71a96e17f2d9c C++的异步编程: std::future, std::async 和 std::promise C++ C++ 学习笔记程序设计计算机

The post C++的异步编程: std::future, std::async 和 std::promise first appeared on 小赖子的英国生活和资讯.

初探 UX工程师的世界

乌托邦是个理想国

作者 youngbeom

2024年11月8日 15:15

引言

UX Engineer（UXE）是一个最近我才经常听到的一个岗位名称，因为目前为止国内很少有招聘这个岗位的公司，身边更是没有朋友任职过这一岗位。通过名字来看就是 UX Designer 和 Engineer 的结合，可以说是创意全能型人才。

最近也开始看到国外的公司开始有这个岗位招聘，比如 Google 和 GitLab 都有这一岗位，这是他们的岗位介绍页面 [Google-why Google need ux engineer] [GitLab-UX Engneer]。

Medium上有一篇《What Does a UX Engineer Do, Exactly? A Little Bit of Everything》的文章就介绍了在谷歌从事该岗位的工程师的日常。

那么 UXE 到底是什么？其实这个岗位比较难以描述，因为它需要身兼数职、拥有各种知识背景和专业知识，他像是一个设计师和开发之间的桥梁，要会使用设计语言和编程语言。比如在以下工作场景中咨询 UXE 是最恰当不过的选择了：

是否需要在项目开发过程中构建一个支持 Figma 集成的新工具
是否需要研究一些新技术来确定可行性
是否需要开发一个用于用户测试的功能原型
使用新技术和新平台来构建前端的最佳实践

通过以上的例子我们可以大致了解这个岗位需要处理和完成的工作内容。

什么是 UX Engineer？
UX（用户体验）与工程相结合的角色
在团队中的位置与职责
为什么这个岗位越来越重要？

UX Engineer 的角色与职责

UXE 是一个交流沟通的桥梁，也需要具备创造性的解决问题的能力。

他是介于设计师和开发者之间的角色，所有通常会有两个不同的视角来思考手里的工作。

作为设计师的角色会需要在设计评审中针对设计原型和方案提出建议，并尽可能的去预测可能出现的设计以及体验问题，这个时候就需要设计师的经验来帮助我们，设计师通常需要具备将用户或者客户的模糊需求转化为可行性方案的能力，并且通过与各相关方的讨论以及用户测试去验证可行性方案，最终输出设计给到开发者。

同时作为开发者的角色中我们又要保证代码的整洁清晰、尽量减少技术债务、合理结构，减少开发成本，并且基于目前最合适的软件工程最佳实践来开展开发工作。

就如前面文章提到的那位在谷歌担任这一职位的作者描述的一样，虽然他可能不会向所有人推荐成为 UX Engineer 的角色，但因为具备了更多的相关知识和同理心，更能轻松的和设计师、研发、项目经理合作，因此这个角色能够更好的在团队中发挥效力，并且更重要的是会成为 HR 眼中的独角兽。

在 GitLab 的 UE 岗位描述中我们可以了解不同职级的 UXE 的工作职责，通常包括以下内容：

改善产品用户体验和界面
开发设计系统组件并完善设计系统
在最小团队支持下，持续不断的迭代产品
了解并分享最新的 UI/UX 技术、工具和模式

成为 UX Engineer 的学习路径

首先要了解这个岗位的要求之后，我们才可以更好的去学习如何成为一个合格的 UXE。

下面的一段是 GitLab 对 UXE 的岗位要求：

精通 HTML、CSS 和 JavaScript 等前端编程语言。
具有使用 Vue.js 框架的专业经验。
具有深厚的设计系统知识、理解和实践。
对视觉设计、交互设计和可用性测试有深入的了解。
有使用 Git 和 Yarn 或 NPM 等包管理器的经验。
具有编写自动化测试的经验（例如 Jest、Karma、Jasmine、Mocha、AVA、tape）。
对于 senior 的 UXE 的要求还包括：
需要深入了解产品知识
参与设计评审
要通过撰写博客、发表演讲等方式提升影响力
跨部门合作
带领指导团队成员和负责招聘

我们分为几个部分来看首先是设计基础，需要了解学习用户体验设计的基本原则，通常在设计师最早接触 UX 这个岗位时最多推荐的一本书就是经典的《About Face: The Essentials of Interaction Design》，虽然最早是1995年首次出版，但依然是 UX 设计领域中的权威著作之一。里面会介绍一系列的交互设计的基本原则，比如一致性、简洁性、可见性等。这些原则帮助设计师在设计时确保用户能顺利理解并使用界面。

如果你是经验丰富的开发者，那么对于 UX 的学习可能会快很多，这里推荐 tailwind css 的作者发布的一本书《RefactoringUI》，通过一些例子来快速的提升产品的用户体验。

截图是书中给出的一些例子

针对设计师学习前端开发技能，需要掌握基本的比如 HTML、CSS 和 Javascript ，如果是新手小白非常推荐 w3school 和 codecademy

当了解了设计和开发的基础知识后就可以开始学习设计与代码的结合，可以通过一些开源的设计系统了解一些组件库的构建，这里非常推荐 GitLab 的 Pajamas 设计系统后，因为是开源的你可以通过文档以及代码了解它具体是如何实现的。

我的学习成长之路

先说一下我的背景，我是工业设计专业出身，并没有开发背景，在刚毕业的时候只有一些在开发作品网站的时候有过一些 webflow 还有 framer的使用经历，以上产品其实算不上真正的开发工具，只能是界面化的网页编辑工具，或者是我们通常说的 nocode 产品。

但在使用的过程中对于一些 css 调整以及自适应布局等基础概念有了实际上手操作的机会。

最近的两份工作经验中，一个是让我更熟悉了代码托管工具和 Git 相关的知识，另一个则是让我真正有了贡献开源项目代码的机会。

目前我们团队有一个开源在 GitHub 上的产品，前端是使用 Vue 和 tailwind 写的，因为项目人员有限并且时间紧张的关系，我们只能先解决有没有的问题，关于好不好用以及好不好看的问题只能排在第二优先级，但作为设计师看到自己的设计实现还原度失真还是很难接受，所以我就动了自己上手修改前端代码的想法。

在项目开始的时候我们使用了 element 作为我们的前端组件，原因是它对于大多数前端开发来讲都非常熟悉，而且有非常详尽的文档支持，但设计稿中却使用了 Untitled UI 来作为 design library。这就会一定程度上造成前端与设计稿不一致的问题。这是我遇到的一些困难和挑战。

但好在 tailwind 支持更改主题，在 config 文件中我们可以设定我们的 color、space以及其他的一些属性，好让我们看起来不那么 “element” 。

在这个过程中我将前端在代码中使用的 hex 色值替换为了 config css 中的 color token，使用类似 text-gray-700 替换之前的 #344054 这样做的好处是，如果我们的客户希望将产品的主题色由蓝色修改为另外的颜色，我们就可以通过 config css中的一行代码的修改来全局调整。关联代码变更：Csghub replace color design token by youngbeom-shin · Pull Request #702 · OpenCSGs/csghub

这像不像我们在 Figma 中使用 color library，其实这些工程化的东西思路都是大差不差的。

还有一些比如我们有一个页面中有大段文字页面，里面的内容是使用markdown渲染的，但是这里面的 text 还有 font weight 以及 text color 渲染效果都不尽如人意，那我们就可以通过修改 style sheet 目录中的 markdown.css 来优化渲染样式。关联代码变更：Csghub update markdown css by youngbeom-shin · Pull Request #615 · OpenCSGs/csghub

还有如果看到产品页面上元素位置异常，我们也可以直接在GitHub上创建一个修改分支，提交代码修改：#605

当然也可以选择从一些小页面开始将设计稿变成开发好的页面，下面的是一个404页面的代码修改：#539

以上都是一些通过实际项目积累开发经验的例子，在这里也非常感谢团队成员的帮助，一次在我遇到安装部署以及前后端server启动问题时给予的帮助。

借助 AI 开发工具

代码问答

在很多时候 AI 辅助编程也是一个离不开的好帮手，再遇到一些逻辑清楚但不知道如何修改的代码时，我都会将需求讲给 cursor ，让它给我一些代码建议或者直接补全代码。

生成提交信息

Cursor还有一些很方便的功能，比如自动生成 commit message，在聊天窗口中输入 @ 之后选择 git，选择 commit（Diff of Working State）,然后输入下面图片中的 prompts，Cursor 就会根据当下分支中的代码变更输出合适的 commit message，这是一个非常实用的功能。

改写代码

Cursor有另外一个非常好用的功能就是改写代码，虽然我们在项目中大部分是使用的tailwind css来写的，但是有一些部分老旧页面还是试用 css 写法写的，所以为了快速统一，我会借助 cursor 快速帮我改写，我就需要参照它的改写来选择是否使用新代码替换老代码就可以。

代码评审

同时在我们团队内部也会使用自己开发的 StarShip 来助力我们的研发流程，产品支持代码生成、代码审查和代码问答，我个人最喜欢的功能就是代码评审，它会在代码仓库的合并请求中以 bot 机器人的形式，对修改的代码进行评审，并给出建议。结合 StarShip IDE 可以更好的提高代码质量优化软件开发周期，目前 IDE 插件已经支持了 jetbrains 和 vscode。

在实际接触代码变更的过程中会越来越多的发现可以着手处理的事情，比如在设计之初只考虑了一个pc端、iPad以及移动端的页面宽度，对于更大的屏幕兼容并不是很好，那这时候tailwind的 responsive-design 就可以帮助我们更好设定不同屏幕的宽度下的表现形式。

在tailwind css中还有很多的设定可以让我们的设计发挥出更好的效果，比如我们可以根据主题设定不同的字体：Customizing your theme

还有更方便的在 tailwind.config.js 中设定深色模式，让用户在切换不同的颜色模式时能够更快速的应用在产品 UI 上。

结语

这个岗位目前国内还暂时没有大范围的应用，但我相信针对这种跨职能的岗位会在目前的就业形势中有更大的竞争力，毕竟谁会不喜欢和更了解自己工作的同事工作呢，真的会少了很多沟通的过程，能够能快的迭代产品，对于开发资源和设计资源的浪费是最少的。

其次给我的感觉是兴趣是一切学习的动力，真正的感兴趣才可以不觉得枯燥，才会有更大的动力去研究各种新鲜的技术。

另外，也有非常多的优秀设计师朋友在影响着我们，比如我的好朋友 JeeJee 会开发一些 Figma 插件 [Small image compressor]，帮助设计师更好的压缩导出设计资源，再早一些使用Sketch的朋友一定也用过 Utom 开发的 Sketch Measure，在我看来他们都可以称作是非常优秀的UXE。

除了插件这样的产品，现在越来越多的设计师也开始独立开发运营产品，包括之前设计师用的比较多的 Remix icon 的作者章萧醇也开始推出了一款app：~Somno 元气睡眠 - 一款 iOS 睡眠监测软件~

真的希望国内也能有更多更优秀的 UX Engineer 涌现出来，也希望我能将目前团队开源的这个产品的用户体验真正提升到优秀的水平，也让我通过项目提升更多的开发技能。

ECharts实现WordPress评论统计图

小王子

作者老王

2024年8月23日 13:10

之前使用Google Charts在本站创建过统计图，不知是什么原因最近发现各种统计图都不显示，以为是不小心动了某个代码，于是重新修改了一次，问题依旧。想着可能是代码冲突或者GG被qiang的原因。本着有问题必须解决的态度，想到了EChart。

普通视图

免费用Grok 3来生成吉卜力风格的照片(Ghibli)

图生图，生成吉卜力风格的照片的提示词/Prompt

ChatGPT 可以拿来做什么？

ChatGPT 通用人工智能

Grok 3

图片/照片 小技巧

相关文章：

字体库

刻本美

末

刷题：程序员的基本技能

相关文章：

谷歌终面：接近L5却被给L4，大饼画得响

谷歌终面的两轮算法

谷歌终面的系统设计

谷歌终面的行为测试（Behavior Interview）

谷歌面试反馈

面试经历

面试题

面试技巧

面试其它

相关文章：

Delphi 30周年纪念日

Delphi的诞生与辉煌

挑战与低谷

重生与发展

展望未来

聪明的程序员用Delphi

聪明的程序员用Delphi

相关文章：

FinTech介绍

Jane Street 简街介绍

Offer 接收率对比

难度对比

关键因素对比

薪资对比

如何提升成功率？

TikTok 招聘特点

总结

软件工程师

相关文章：

步骤 1：创建 GitHub 仓库

步骤 2：添加你的站点文件

步骤 3：启用 GitHub Pages

步骤 4：查看你的站点

步骤 5：自定义你的站点

为什么 GitHub Pages 是“无服务器静态应用” / Serverless Apps

GitHub Pages 的总结

相关文章：

Sui中的Gas理解

获取Gas价格

代码解析

使用函数

获取Sui区块链Gas费用/价格的结论

Sui 区块链编程

相关文章：

Node.js 代码解析

Sui 区块链编程

相关文章：

检查 receipt.result

确认区块号

考虑额外的指标

避免过早确认

验证逻辑

完整的 JavaScript函数代码用于验证波场区块链上的交易

区块链技术

相关文章：

在 Python 中寻找数据的众数

mode() 的语法

示例

单一众数（单模态数据）

字符串作为数据

多模态数据（引发错误）

无重复值（引发错误）

空数据集（引发错误）

在 Python 中寻找多众数

语法

行为

示例

图片/照片小技巧