#阮一峰的科技周刊 #前端 #优质博文 #资源推荐 #tools
科技爱好者周刊（第 291 期）：AI 没有护城河

1. AI 没有护城河（全英） 📓 去年上半年，一份谷歌内部报告泄漏，据说是某个研究员写给谷歌高管的，看上去可信度很高。当时，谷歌内部正在讨论，如何应对 OpenAI 公司的 ChatGPT。这个研究员提出自己的看法。 #AI
2. 透明笔记本 📓 联想在世界移动通信大会（MCW）上，展示了一款透明笔记本。
3. structuredClone() 详解（英文） 📓 JS 新增的全局方法structuredClone()可以实现对象的深拷贝。本文详细介绍该方法相比其他方法的优点，以及局限。 #javascript
4. B 树原理解释（英文） 📓 数据库使用 B 树作为数据结构，能够加快查询速度，本文介绍它的原理。 #后端
5. AI 图像音乐生成器 🧰 这个 Web 服务可以将上传的图像，转换为一段音乐，适合为图文视频配背景音乐。 #AI
6. WeWe RSS 🧰 全文订阅微信公众号的一个本地服务，可以生成公众号的 RSS，基于微信读书。 #rss
7. Marker 🧰 一个命令行工具，将 PDF、EPUB、MOBI 文档转成 Markdown 文件，必要时会进行 OCR（文字识别）。
8. TSDiagram 🧰 一个在线工具，让你用 TypeScript 写类型关系，自动生成图表。 #typescript
9. How I get there 🧰 这个页面可以显示，你的 IP 地址到该网站所经过的路由。
10. 3Blue1Brown 🧰 著名数字科普作者 3Blue1Brown 写的微积分系列教程。
11. TS Docs 🧰 这个网站可以查看 npm 模块的 TS 类型声明。

SemiAnalysis

Google “We Have No Moat, And Neither Does OpenAI”

Leaked Internal Google Document Claims Open Source AI Will Outcompete Google and OpenAI The text below is a very recent leaked document, which was shared by an anonymous individual on a public Disc…

#趣站 #css #交互设计
Drams Framer

赛博解压玩具网站 (x)
超解压且写实的按钮动画和音效（）

Product Hunt 链接：https://www.producthunt.com/posts/drams

#资源推荐 #tools #AI
推荐下tg机器人 ：Coze 创建 GPT-4 bot 然后链接 telegram 群组

https://www.coze.com/docs/zh_cn/publish/telegram.html

via David Zhang 投稿

#优质博文 #杂谈
After 14 years in the industry, I still find programming difficult

上面文章里提到的博文

AI 摘要：文章分享了作者从业14年后对编程的深刻认识。作者回顾了自己从一个对编程充满憧憬的学生到成为一名经验丰富的程序员的过程，并指出编程并不随经验的增加而变得简单。文章强调了编写好代码的难度，认为好的代码应该是易于人类理解的。作者提出了提高编程技能的方法，包括阅读经典软件项目和编程书籍。同时，文章讨论了创造性、避免完美主义、重视人际关系、有效学习方法和单元测试的重要性，并最终强调了控制复杂度的必要性。

via piglei

Piglei

After 14 years in the industry, I still find programming difficult | Piglei

piglei's blog

#优质博文 #杂谈
中外程序员差异

AI 摘要：文章探讨了中外程序员在工作习惯和文化上的差异。作者通过个人经历和观察，指出国外程序员更注重细节、文字表达能力强、个人职业目标明确，并且拥有较多的业余时间。这些差异反映了不同的工作环境和价值观，以及对技术和生活平衡的不同追求。

via 程序员的喵

CatCoding

中外程序员差异 | CatCoding

All about coding and writing

https://github.com/maqrtineLzjulyie/spotify-check-premium/blob/main/main.py
你能看出这个脚本里隐含的恶意代码吗？
幻术大师了属于是

#优质博文 #前端 #css #grid #博客推荐
CSS Grid 的交互式指南（全英）

群友推荐的很棒的博客，进去看了看质量确实很不错，文章都是交互式。可以进去看看历史文章

AI摘要：这篇教程是一个关于 CSS Grid 的互动指南，详细介绍了如何使用 CSS Grid 创建复杂的布局。文章通过各种示例和代码演示，解释了 CSS Grid 的基础知识，包括网格流程、行列的隐式和显式定义、使用 repeat 函数简化定义、子项的定位、网格区域的定义以及如何考虑键盘用户的体验。文章还讨论了对齐技巧和如何利用 CSS Grid 解决常见的布局挑战，旨在帮助读者建立对 CSS Grid 的直观理解，并掌握其强大功能。

via Josh Comeau

Joshwcomeau

An Interactive Guide to CSS Grid • Josh W. Comeau

CSS Grid is an incredibly powerful tool for building layouts on the web, but like all powerful tools, there's a significant learning curve. In this tutorial, we'll build a mental model for how CSS Grid works and how we can use it effectively. I'll share the…

她好记仇啊，之前吸尘器的声音吓到她了现在看到吸尘器就试探的上去邦邦的呼俩巴掌（结尾咱的猥琐笑声）
#傻猫

#前端 #css #demo #codepen
Shattering Images by Szenia Zadvornykh

一个独特的图片破碎效果，是需求时调研发现的。

技术分析：
- 使用Delaunay三角剖分算法将图片分割成若干个三角形片段
- 每个三角形创建一个Fragment对象。
- 每个Fragment对象包含一个小的canvas元素，该元素只绘制对应的三角形片段。
- 通过对每个Fragment的canvas应用动画效果，实现整个图片的破碎效果。
- 动画效果使用gsap库（TweenMax和TimelineMax）来实现

#资源推荐 #tools #视频工具
无意间找到的一个简洁好用的视频帧提取网站： 视频帧截图在线工具

配合 Youtube Downloader 下载 youtube 视频

#碎碎念 #猫
把猫猫图片跟视频放新频道了 @cosine_cat 分个流嘿嘿嘿
喜欢小腊八喜欢看猫片的可以关注然后免打扰喵

#前端 #css #demo #codepen
Animating text using Typed JS by Allistair Lee

「Simple text typewriter animation using Typed JS by Matt Boldt.」

打字机效果，博客可参考