WebCIA Weekly

第06期 - 南京入秋

Thu, 24 Oct 2024 00:00:00 GMT

本期封面图来源于,精心挑选的最佳SaaS样板: Shipfast,包含了用户身份验证，支付处理和电子邮件通知系统等。

本周刊内容来源于我的 RSS 信息订阅源精选，包含：技术文章、产品设计、思维观点、开源项目、资源工具、焦点资讯等。提供保持领先所需的见解。欢迎订阅下方 RSS，以便获取更新推送。

经验（Tips）

生命从一张空白的页面开始，两颗灵魂相遇，携手共度时光，用爱与希望填满生活。在欢笑与泪水交织中，彼此成为生命中不可或缺的存在，共同经历喜悦、悲伤、痛苦和坚持，为彼此的存在赋予意义。

技术

使用AI生成的代码会让你成为一个糟糕的程序员
https://slopwatch.com/posts/bad-programmer/
虽然 AI 生成代码工具能够提高开发效率，但过度依赖这些工具可能会使程序员的编程技能下降。这种依赖性会减少程序员解决问题的能力。

如何使用React Hooks获取数据
https://www.robinwieruch.de/react-hooks-fetch-data/
学习如何使用React Hooks获取数据，而无需任何第三方库。这种方法可以帮助初学者掌握React中状态和效果管理的基础知识，并了解如何构建自定义钩子。

一个卖精心挑选的最佳SaaS模板站点
https://boilerplatelist.com/
此列表带有热门排行，可以看看主流Web应用都在用什么风格的模板。这些样板被分类到不同的技术栈中，包括但不限于 Next.js、Node.js、React、Django、Laravel、ASP.NET、Svelte、Express.js、Python、Ruby on Rails、Vue.js、Golang 和 Symfony。每个样板旁边都有一个人气指示器，帮助开发者了解社区的选择和推荐。

Web浏览器无处不在，但它们是如何工作的
https://browser.engineering/
这本书解释了构建一个基本但完整的Web浏览器，从网络到JavaScript，用几千行Python

How we shrunk our Javascript monorepo git size by 94%
https://www.jonathancreamer.com/how-we-shrunk-our-git-repo-size-by-94-percent/
作者在 Microsoft 工作，负责维护一个非常大的 JavaScript monorepo，称为 1JS。这个仓库有大量的代码和贡献者，导致仓库大小达到了 178GB，给开发者带来了很大的困扰，如何缩小 JavaScript monorepo Git 仓库大小的经验分享。

开源 & tools

在线批量导出微信公众号文章
https://github.com/jooooock/wechat-article-exporter
在线批量导出微信公众号文章，支持内嵌的音视频导出，无需搭建任何环境，可 100% 还原文章样式，支持私有部署。

一款开源的视频字幕自动翻译，将视频进行字幕切割，翻译，对齐，以及配音。
https://github.com/Huanshere/VideoLingo
Netflix级别的字幕剪切、翻译、对齐，甚至配音—一键全自动AI视频字幕团队|Netflix级字幕剪切，翻译，配音，甚至添加配音，一键全自动视频点播AI字幕组

Twitter 视频下载器
https://twitterxz.com/
一个可以免费下载 Twitter 视频，Gif 的在线工具，在这里可以方便的下载 Twitter 中的视频和 GIF。

YouTube 高清视频下载
https://youtube.iiilab.com/
在 YouTube APP 或网站上，找到想要下载的视频，复制视频页面链接，将复制的链接粘贴到下面的输入框，点击解析视频按钮，稍等几秒，解析成功后会返回高清视频地址和视频封面，点击下载即可。

一个免费的网站技术栈检测工具
https://liusha.org/
Liusha使你能够识别，分析和利用网络上的技术堆栈检测网站用了那些技术。

开源在线教室项目，提供 Web、Windows 和 macOS 客户端
https://github.com/netless-io/flat?utm_source=gapis.money
支持实时互动、教室管理和录制回放等功能。该项目使用 MIT 协议开源，适合用于搭建在线教育平台

Learn Next.js 中文教程
https://qufei1993.github.io/nextjs-learn-cn/
学习 Next.js 的中文教程。

资讯

如何验证一台二手 MacBook Pro | Verne
https://blog.einverne.info/post/2024/07/how-to-verify-a-second-hand-macbook-pro.html
作者介绍了，如果购买一个二手 MacBookPro，如何验证真伪。大致分成几个部分，包括外观的检查，系统检查，硬件测试，以及其他序列号，购买记录，发票等验证

其它

在线对JS语法做性能对比测试
https://jsben.ch/browse

在线检测你是否使用 Clash 代理
https://mikewang000000.github.io/ClashScan/

表格图片转成 Excel 文件的在线服务
https://itexcel.izhiyakeji.com/toexcel

中国的汉字失忆症
https://globalchinapulse.net/character-amnesia-in-china/
人们越来越多地忘记如何书写汉字，即使是受过良好教育的人也会出现这种情况。这种现象被称为“汉字失忆症”。本文探讨了汉字失忆症的原因和影响

来自x友推荐: 2024 年最新 Javascript 程序员出海全免费架构：

前后端部署：Cloudflare Worker 数据库：Postgres neon / Cloudflare D1 文件/对象存储：Cloudflare R2 用户管理/认证：Clerk 网站统计：http://umami.is 宣传推广：youtube twitter reddit hacknews v2ex 等代码存储：github 邮件列表：Brevo SEO： ahrefs + Google Search Console 收款/网店：Stripe 美国公司开户：水星银行 mercury 注册美国公司： Stripe atlas 开发助手：Cursor / Claude Sonnet 3.5

通勤摩托车推荐

排量从小到大，这是我之前的选择路线图。

本田 NS125 LA （好看，质量好，1.2万）

豪爵UHR150（外观丑，和125一样便宜，但质量好，1.4万）

雅马哈155 nmax （好看，质量好， 2.7万）

本田 PCX160 （好看，质量好，2.2万）

赛科龙 RT3 （外观一般，但便宜）

雅马哈Xmax 300（好看，质量好，近5万不如买跨骑）

川崎zx4rr （好看，质量好，约8万）

铃木DL1050 ADV （性价比高，质量好，约13万）

杨笠与普信男（新闻文摘）

事缘京东请了中国知名脱口秀演员杨笠担任代言人,更让消费者炸毛，掀起集体抵制。回看京东这次的双11的营销风波，杨笠无疑是争议焦点。但她为何会引起众怒，甚至成为中国一些男性的眼中钉？

杨笠前几年参加综艺节目《脱口秀大会》，因调侃男性群体的段子而声名大噪。她在节目中吐槽男性盲目自信，“他明明那么普通，却那么自信”迅速出圈爆火。“普信男”成为中国流行用语，代指那些“普普通通却又自信满满的男性”。

杨笠曾在舞台上聊到自己因为一句“那么普通却那么自信”而得罪了很多男性时，说道：“你们男的也太难讨好了吧。我说你是个‘垃圾’，你肯定不乐意；但如果我说你是个好人，你也觉得我在侮辱你；现在我说你是个普通人，你也不高兴。那你到底是什么人啊？‘见仁’见智的事情。”

在很多人眼里，杨笠成为“女拳”（网络用词，形容极端女权主义）代表，但这鲜明形象也让她在商业代言不那么讨喜。

第05期 - 实习奶爸

Thu, 25 Jul 2024 00:00:00 GMT

本期封面图来源于文章：“work hard, play hard”。

本周刊内容来源于我的 RSS 信息订阅源精选，包含：技术文章、产品设计、思维观点、开源项目、资源工具、焦点资讯等。提供保持领先所需的见解。欢迎订阅下方 RSS，以便获取更新推送。

做了 3 个月的实习奶爸，现在已经没刚出生时那么手生了，带娃技能逐渐拿捏。

经验（Tips）

所有人类知识从直觉开始，然后转变为观念，最后化为思想。

技术

API 命名原则
https://devblogs.microsoft.com/oldnewthing/20240724-00/
如果没有直接宾语，则直接宾语是源对象。在方法命名中，通常动词后跟直接宾语，指明操作对象或结果。如果没有直接宾语，则默认为源对象。例如，widget.Toggle()中的直接宾语是 widget。此原则有助于避免命名歧义，提高代码可读性。

GitHub 员工分享了她对代码审查的哲学（英文）
https://github.blog/developer-skills/github/how-to-review-code-effectively-a-github-staff-engineers-philosophy/
包括如何区分良好与不良的代码审查，她的代码审查策略，以及如何从自己的代码审查中获得最大收益。她强调代码审查的重要性，认为它是提高代码质量和职业发展的关键。

如何使用 mac 内置的 OCR（英文）
https://blog.greg.technology/2024/01/02/how-do-you-ocr-on-a-mac.html
大家可能不知道，mac 电脑内置了 OCR（文字识别）功能，本文教你怎么使用。

Webperf-Snippets
用于获取 Web 性能指标以在浏览器控制台中使用或作为片段在 Chrome DevTools 上使用的片段
https://webperf-snippets.nucliweb.net/

Airbnb 成功将前端基础设施从 React 16 升级到 React 18
实现了渐进式升级，避免了中断。Airbnb 通过模块别名和环境定位解决了版本冲突和重复导入问题，并使用类型扩展和测试套件确保兼容性和稳定性。这一升级过程为 Airbnb 带来了性能提升，并为其未来的升级奠定了基础。
https://medium.com/airbnb-engineering/how-airbnb-smoothly-upgrades-react-b1d772a565fd

全球用户如何访问中国大型语言模型聊天机器人
https://www.technologyreview.com/2024/07/23/1095211/how-to-access-chinese-llm-chatbots/
自 2023 年夏季中国政府允许 AI 公司向公众开放其模型以来，数百个中国大型语言模型已发布。对于西方用户来说，由于语言障碍和注册要求，找到并尝试这些模型可能具有挑战性。但许多聊天机器人支持英语对话，且易于访问。本文介绍了如何通过不同平台和方式访问这些聊天机器人

开源

Kspider
https://github.com/kkangert/kspider
一个可视化的爬虫平台。以流程图的方式配置爬虫，基本上无需编写代码即可完成工作。提供了常用的功能，当然使用者也可自定义扩展。Kspider 前端更方便、更快捷、更好用。

AI-Renamer
https://github.com/ozgrozer/ai-renamer
基于大模型实现对：照片、视频、文档等文件批量智能命名、依据内容进行命名。

GeoSpy
在这个网站上传照片之后，AI 会告诉你这张照片的拍摄地点，并给出经纬度，下面是一张乌镇的图片，测试结果符合预期。
https://geospy.ai/

在线 AI PS
擦除照片上不需要物体
https://clearoff.imagewith.ai/remover

Pintree-io
管理本地书签并将其做成一个静态网站的工具。
https://github.com/Pintree-io/pintree/blob/gh-pages/README.zh.md

一些 React 碎片

  React Hooks 是理解和使用 React 的关键，它们提供了管理状态、处理副作用和重用逻辑的强大工具。
  虚拟 DOM 是 React 优化性能的核心技术，通过差异化更新实际 DOM，减少了不必要的渲染。
  受控组件和非受控组件在状态管理上有所不同，开发者需要根据实际情况选择合适的组件类型。
  类组件与函数组件在 React 中各有优势，但随着 hooks 的出现，函数组件的使用变得更加灵活和强大。
  组件的生命周期方法允许在特定时间执行特定代码，对于管理组件的生命周期至关重要。
  状态管理是前端应用中的一个重要话题，选择合适的状态管理库可以提高应用的可维护性和性能。
  Redux 和 MobX 是两种流行的状态管理解决方案，它们各自实现了不同的设计模式，分别是 Flux 模式和 Observer 模式。
  JSX 是 React 中用于创建元素的语法糖，它使得编写和理解 React 组件变得更加简单直观。
  Props 钻取会导致代码结构复杂，可以通过上下文或状态管理库来优化。
  条件渲染是 React 中常见的操作，可以通过多种方式实现，如使用逻辑运算符或在渲染前设置变量。

资讯

现代打工人如何获得幸福
在命运的塑料大棚里，每棵被喷了过多农药的白菜心中，都曾经有一个成为无公害有机蔬菜的梦想。
https://sspai.com/post/86697

CrowdStrike 因测试错误安全更新，导致 850 万台 Windows 电脑崩溃
公司正在改进测试流程以避免再次发生。更新中的内容验证器错误未能检测到导致系统崩溃的问题内容数据。CrowdStrike 计划实施分阶段部署策略，并增加更多测试层，同时提高对传感器和系统性能的监控，以指导分阶段推出。
https://arstechnica.com/?p=2038917

第04期 - 极简编程

Mon, 18 Mar 2024 00:00:00 GMT

本期封面图: 极简编程。

本周刊内容来源于我的 RSS 信息订阅源精选，包含：技术文章、产品设计、思维观点、开源项目、资源工具、焦点资讯等。提供保持领先所需的见解。欢迎订阅下方 RSS，以便获取更新推送。

经验（Tips）

对业务代码封装尽量的简单，暴露简单配置即可。

有些人作出了业务决策……但并没有告诉我们理由。

技术

前端视角对Rust的浅析
https://mp.weixin.qq.com/s/S7LTjI77gzAdaweGNdbZMw
概述本文将从 Rust 的历史，前端的使用场景和业界使用案例一步步带你走进 Rust的世界。

How to learn a JavaScript Framework
https://www.robinwieruch.de/how-to-learn-framework/
由Robin Wieruch撰写，旨在为那些想要学习如React、Vue、框架的开发者提供指导。
学习任何框架的关键在于从消费转向生产，开始编码，并更好地理解JavaScript的核心原理。

CSS runtime performance
https://nolanlawson.github.io/css-talk-2022/
涵盖CSS的新特性、最佳实践、性能优化技巧、布局技巧、动画和过渡效果等内容。

实用工具

Reqable
Reqable = Fiddler + Charles + Postman
https://reqable.com/en-US/
一款不错的http流量抓包调试工具。跨平台，支持手机端安装使用。

包阅AI —— 智能 AI 阅读助手
https://baoyueai.com/
支持多种文档格式，包括 PDF、DOC、扫描文件等。具备多语言翻译和定制问答服务该工具还支持文档概述、分章节总结、智能导读等功能，帮助用户深入理解文本内容，节省时间，发现隐藏见解。

PeepsLab
https://peepslab.com/
在线工具，用于定制自己独特的插图用户头像。通过循环选择肤色、发色、配饰、面部样式等不同选项来构建自己的头像。

开源项目

shiki-magic-move
https://github.com/shikijs/shiki-magic-move
让你在 Web 端实现类似 Keynote Magic Move 效果的库，在演示代码时适用

czkawka
https://github.com/qarmin/czkawka
一款简单、快速和免费的开源跨平台应用程序，可以从您的计算机中删除不必要的文件。
支持扫描计算机上重复、空文件夹、大文件、相似图像/视频/音乐、无效/损坏文件等内容，扫描速度极快。

ToolJet
https://github.com/ToolJet/ToolJet
一个低代码框架，基于React的开源。用来开发内部工具。部署到服务器后，它有一个 Web 界面，通过拖拽，就可以连接各种数据源，生成各种应用或管理面板。

资讯

Copilot 不是银弹
AI 并不是一秒解决 50% 的工作，而是将 50% 的工作时间替换成了 10% 的 prompt/chat 时间认清 copilot 的定位，其是一个副驾驶的角色，自己的思维方式要从“如何去做这件事” => “如何激发 copilot 去做这件事”
https://mp.weixin.qq.com/s/dpfGh7AzfCRn1zrYgsl_pQ

**自建知识库 & wiki 文档 & 静态网站推荐[程序员的知识传承] **
放出我搜集和对比过的部分技术选型（+A 表示实践体验还不错，其他感觉中规中矩，亦或是不符合我的使用场景）。看看大家还有没有更好的技术选型推荐。
https://www.v2ex.com/t/1024641

自建知识库 & wiki 文档 技术选型  

    ○ Docusaurus	（基于 React 生态系统）
    ○ Docsify 
    ○ Gitbooks	（有限制）

    ○ Vitepress   （ A ，主题自定义，菜单全自动生成插件）
    ○ MkDocs 	（ A ，搭配 Material for MkDocs 主题）
    ○ hugo    （ A ，搭配自定义主题 ）

    ○ Jekyll  （纯文档库用）
    ○ Astro	  （纯文档库用）
    ○ Hexo	  （纯文档库用）
    ○ Pagic	  （小众、静态站点生成，适合个人文档站点）
    ○ Docz 
    ○ confluence （ Wiki 文档管理平台，适合团队协作）
    ○ bisheng （阿里之前有开源项目用过，但不适用于我这种纯文档库）
    ○ dumi    （适用于 React 组件库）

第03期 - 元宵快乐

Sat, 24 Feb 2024 00:00:00 GMT

本期封面图来源于Leerob 分享的 Why You Should Use a React Framework 配图。

本周刊内容来源于我的 RSS 信息订阅源精选，包含：技术文章、产品设计、思维观点、开源项目、资源工具、焦点资讯等。提供保持领先所需的见解。欢迎订阅下方 RSS，以便获取更新推送。

经验（Tips）

成为一名优秀的工程师需要不断积累经验。每个项目，哪怕是小项目，都是为你的工具箱添加新技术和工具的机会。当你能将在一个项目中学到的技术与在另一个项目中学到的工具相结合，从而解决问题时，这将带来更大的价值。这会让你受益匪浅。

技术

软件设计的哲学(中文翻译)
https://cactus-proj.github.io/A-Philosophy-of-Software-Design-zh/
如果我们想简化编写软件的过程，从而可以更便宜地构建功能更强大的系统，则必须找到简化软件的方法。尽管我们尽了最大努力，但复杂度仍会随着时间的推移而增加，但是更简单的设计使我们能够在复杂性压倒性优势之前构建更大，功能更强大的系统。

在 2024 年如何编写 CSS
https://leerob.io/blog/css
Leerob 分享的 CSS 知识，帮助开发者更好地理解和应用 CSS 来设计和开发现代网页。

浏览器的自发连接（英文）
https://sizeof.cat/post/web-browser-telemetry/
本文列出浏览器打开时，自动发出的 HTTP 请求。举例来说，Firefox 打开时自动发出15个请求，Chrome 12个，Edge 21个。

Base32 编码解释（英文）
https://linuxiac.com/how-to-set-up-ssh-to-use-two-factor-authentication/
本文详细解释 Base64、Base32、Base8 等等是如何编码实现的。

为什么用 React 一定要配合框架使用？
https://leerob.io/blog/react-frameworks
Leerob 分享的 Why You Should Use a React Framework，讲述了他关于为什么要使用 React 框架（如 Next，Remix，Gastby），而不是直接裸用 React 的一些见解，让我受益匪浅。

工具

🧩 交互动画库↗︎
https://www.animatereactnative.com/animations
面向设计师和开发人员的交互库！

移动 UI 组件各种介绍
https://designsystem.line.me/LDSG/components/inputs/pulldown-en
一个超级有用的网站，包含详细的移动 UI 组件集合。包括：布局、行为、国家、用法等

Dreamina
https://www.capcut.cn/ai-tool/platform
抖音团队的 AI 创作产品，提供文字绘图、ai 扩图、局部重绘、图片灵感功能。提供文字绘图、prompt 图片灵感功能，用文字描述想要的图片；生成高清图后，可通过局部重绘、扩图功能优化图片。目前免费使用，拥有强大的中文理解能力和极致的美学创造力，摄影、插画、设计类图片通通帮你实现。

Arc Search
https://apps.apple.com/us/app/arc-search/id6472513080
AI 搜索，全新体验。2022 年底，Arc Browser 在 macOS 平台首发测试就引得「平地一声雷」，一度被冠上了「浏览器变革者」的称号。去年 4 月，Arc 移动版上架 App Store，不过由于 iOS 第三方浏览器对于引擎的限制，当时的移动版更多是作为桌面版的一种延伸，并没有激起很大的水花。不过，就在上周，The Browser Company 推出了一款基于生成式 AI 的全新浏览器应用 Arc Search，准备另辟蹊径「卷」死竞争对手。

EasyDevo
https://easydevo.boringboring.design/
作为一名开发者，你是否经常为杂乱的工作环境感到头疼？现在，有了 #EasyDevo，一切都将变得井井有条！

	🔍 EasyDevo 不仅仅是一个清理工具：
	📁 整理你的开发环境，清除无用文件
	💻 监控系统性能，掌握电脑运行状况
	📈 项目分析功能，轻松回顾投入时间

开源

**Comma.ai「自动驾驶」开源自动驾驶辅助系统 Openpilott **
https://comma.ai/
Openpilot：Comma.ai 是一个开源自动驾驶公司，他们开发了 Openpilot 项目，该项目提供了一套自动驾驶软件和硬件方案。他们的软件可以安装在特定的车型上，实现基本的自动驾驶功能，如巡航控制和车道保持。

PageSpy
https://www.pagespy.org/docs
这个仓库和 HuolalaTech/page-spy-web 相互配合，具体而言 page-spy 负责收集页面信息；page-spy-web 消费收集的信息，对数据进行过滤和整理，并将其转换成一种标准格式，最后在页面上呈现数据。

RSS 开源阅读器
https://github.com/yang991178/fluent-reader
RSS 信息聚合。这是一个不用看广告，不用频繁切换各种 APP 网站就能快速获取资讯，阅读文章的好办法。在 RSS 阅读器里，可以用紧凑模式，一目十行的获取科技软件类的更新。在这个资讯爆炸的时代，RSS 可以极大提高信息收集效率，它还可以摆脱算法推荐，打破信息茧房，重新做信息的主人而不是奴隶。

RSSHub国内镜像： https://rsshub.netlify.app/

资讯

有不少工程师有自己的网站，比如博客、产品官网等不少元数据 META 信息不够完善，容易影响到本身的 SEO，找到一个开箱即用的 Chrome 插件叫 META SEO inspector，可以帮你把需要优化修改的点都列举出来，修改起来可以方便不少，还可以补充不少之前没有考虑到的。https://chromewebstore.google.com/detail/meta-seo-inspector/ibkclpciafdglkjkcibmohobjkcfkaef

第02期 - 回家过年

Mon, 05 Feb 2024 00:00:00 GMT

本期封面图来源于回老婆家过年的实时路况，宁洛高速每逢长假，必定堵车。

本周刊内容来源于我的 RSS 信息订阅源精选，包含：技术文章、产品设计、思维观点、开源项目、资源工具、焦点资讯等。提供保持领先所需的见解。欢迎订阅下方 RSS，以便获取更新推送。

经验（Tips）

按时更新 readme 文档，并且简单清晰，能让协作人员 5 分钟能上手，run 起来项目。

技术

在 2024 年如何编写 CSS
https://leerob.io/blog/css

Lee Robinson 详细分析了 CSS 生态系统的最新进展：
● 跨浏览器支持嵌套、:has()、容器查询等功能
● 新的 CSS 工具：StyleX、Lightning CSS
● 许多框架和编译器可以帮助优化 CSS 加载性能

2024 React 生态系统
https://www.robinwieruch.de/react-libraries/
一篇全面的 React 生态系统指南，介绍了 React 开发者在 2024 年应该掌握的各种库和工具。

PDF 原理解析
https://zxyle.github.io/PDF-Explained/chapter1.html
解析 PDF 原理的文章，PDF Explained 的非官方中文翻译版，假如你对 PDF 文件格式感兴趣，可以通过它聊入门了解。

图解各类传输层协议
一个图解各类传输层协议的网站，包括 QUIC、DTLS、TLS1.3、TLS1.2 连接过程的详细图解
https://cangsdarm.github.io/illustrate/quic

.git 目录中的内容介绍
https://jvns.ca/blog/2024/01/26/inside-git/
一篇关于 .git 目录中内容的图片方式介绍，包含 HEAD, branch, commit, tree, blobs 等知识的科普。

工具

GitHub Star History
https://star-history.com/#markyun/markyun&Timeline
可以通过 Star History 看到一个项目的趋势增长，安装上此插件之后你可以直接在某个开源项目主页，如下图所示，一键操作看 star 增长趋势（也有在线版本，可以输入仓库地址直接看）。

Web Design Museum：网页历史博物馆
https://www.webdesignmuseum.org/
收藏从 1991 年以来的 2000 多个精心挑选的网站/软件/Logo 的历史变化，可以很好看明白当时的一些设计趋势，随便一看会让发现不少有趣的东西。

AutoCorrect 自动文案较正纠正
https://huacnlee.github.io/autocorrect
一个基于 Rust 编写的工具，用于「自动纠正」或「检查并建议」文案，给 CJK（中文、日语、韩语）与英文混写的场景，补充正确的空格，纠正单词，同时尝试以安全的方式自动纠正标点符号等等。我主要是用于 CI 和 VSCode 开发环境。支持各种类型源代码文件，能自动识别文件名，并准确找到字符串、注释做自动纠正。

开源

TVBox Android TV 版
https://github.com/o0HalfLife0o/TVBoxOSC/releases/tag/20240130-1747 前一阵电视家 APP 不能用了，可以看看这款，是一款开源的安卓端视频播放器，适配了电视屏幕尺寸，通过订阅第三方数据源实现了电视直播\视频播放等功能。

mytv 我的电视 https://lyrics.run/my-tv.html
和上面的 TVBox 类似，也是一款在电视上看电视软件，不同的是，内置了电视台的源，安装即可使用。已经给家里长辈安装好了，切换台非常快。

m3u8 在线播放器
https://m3u8-player.com/
这是一个 m3u8 播放器，如果你有 https 和 m3u8 的地址，你可以直接将地址复制到搜索框即可播放视频。

资讯

20句作家笔下的冬天
https://www.digitaling.com/articles/1035334.html

    冰碎了，入了土，
    化为水，遇到热，
    变为汽，碰了山，
    凝为雨，落下来，复为冰雪又冰雪。

        ——毕淑敏 《西藏，面冰十年

返乡过年的艺术：所有焦虑，来年再说
https://www.huxiu.com/article/2633817.html?f=rss

年度数码科技大盘点：我们眼中的最佳与最差都是啥？
https://sspai.com/post/86281

第01期 - Web情报局

Fri, 19 Jan 2024 00:00:00 GMT

本期封面图来源于收藏的一张 Midjourney 生成 AI 图：中国龙年。

本周刊内容来源于我的 RSS 信息订阅源精选，包含：技术文章、产品设计、思维观点、开源项目、资源工具、焦点资讯等。提供保持领先所需的见解。欢迎订阅下方 RSS，以便获取更新推送。

经验（Tips）

缺乏实战经验，会更容易对不熟悉的技术产生遗漏和错误的理解。

技术

2024年更快的性能，优化网页性能的重要性
https://rviscomi.dev/2023/11/a-faster-web-in-2024/
介绍了 2024 年互联网应用速度的提升以及改变。强调了优化网页性能的重要性,包括减少跳出率、提高转化率、增加用户满意度等，前端工程师建议细读。

React Libraries for 2024
https://www.robinwieruch.de/react-libraries/
在 2024 年可能会流行或者被广泛使用的 React 库。包含: 包管理、状态管理、数据获取、路由、CSS 样式、UI 库、动画库、可视化和图表库、表单库、类型检查、代码结构、身份验证、后端、数据库、托管、测试等。

2023 React 调试指南（英文）
https://raygun.com/blog/react-debugging-guide/
想要构建高质量的 Web 应用程序，无法跳过调试阶段，是否熟练掌握调试技巧也是衡量一个 Web 工程师的重要手段。本文章将介绍 React 调试的来龙去脉，了解常见的 React 错误及其调试工具和方式。虽然该文章以 React 作为承载，但大部分工具和方法适用于任何 JavaScript 应用。

重新思考 React 最佳实践
https://frontendmastery.com/posts/rethinking-react-best-practices/
从前端“ MVC 中的视图”，到Web应用程序架构领域的思考。

让用户养成使用习惯的产品逻辑
https://zcool.com.cn/work/ZNjczMDA1NzY=.html
交互设计师胡三七写的「让用户养成使用习惯的产品逻辑」的万字文章，介绍了上瘾模型和福格模型的原理和在互联网产品中的运用等各种行为设计模型，还带上一些不靠谱的案例和靠谱的互联网案例，帮助更好的理解学习。

AI 工具

生成式 AI 动画技术概述
https://quail.ink/op7418/p/overview-of-generative-ai-animation-technology-2023-december
详细的介绍了 AI 视频生成中所有的技术分类和对应技术的优劣势，还有对应的工具以及典型的案例。基本上看完就能对 AI 视频生成有比较完整的了解.

PetThoughts
【我知道你的宠物在想什么】是一个基于 Gemini Pro API 构建的图片识别项目，通过上传你宠物的照片，该项目能够智能分析你的宠物的表情和环境，并推测出它们可能在想些什么。

图片识别：利用 Gemini-pro-vision 的图像识别技术，能够准确地识别宠物的表情和环境。
表情分析：通过分析宠物的表情 Gemini-pro-vision 可以推测出宠物可能的情绪状态，如开心、惊讶、困惑等。
环境分析：Gemini-pro-vision 还能根据宠物所处的环境，推测出它们可能的活动场景，如户外玩耍、室内休息等。
自然语言处理：结合图像识别和自然语言处理技术，Gemini-pro-vision 可以将宠物的情绪和活动场景转化为可读性高的文字描述。
用户友好界面：提供简洁直观的用户界面，使用户能够轻松上传照片并获取宠物分析结果。

看看现在死掉的 AI 产品
https://dang.ai/ai-graveyard
这个有点儿意思，看新的 AI 产品列表看多了，还可以看看死掉的 AI 产品，研究研究为啥这个产品挂了，就可以打消掉一些不实际想法。

jan：离线运行大模型的桌面端
https://github.com/janhq/jan
号称 Jan 是一个开源的 ChatGPT 替代方案，可以完全离线在计算机上运行，这个 UI 设计得挺舒服的。和这个类似的还有 Mozilla-Ocho 出品的 llamafile，也属于 run LLMs with a single file。

开源

简的 RSS 在线浏览工具
https://github.com/srcrs/rss-reader
部署后，自定义配置好自己的 RRS 原，即可实时获取并展示 rss 订阅最新消息，支持夜间模式。

资讯

以前靠信息不对称赚钱，现在靠什么赚钱？

https://zhihu.com/question/268481226
知乎上一个 18 年的回答「以前靠信息不对称赚钱，现在靠什么赚钱？」，在国内想方设法搞钱是一个经久不衰的话题。

年轻人的体检指南系列

解析体检中各种检查项目的意义，体检相关的基础知识，以及能够自己在家完成的健康自查项目。全文约一万两千字，推荐完整阅读全文，并在体检前后对照使用，及时发现自己身体有没有什么潜在Bug。

年轻人的体检指南 01：体检在检查什么 https://sspai.com/post/66539
年轻人的体检指南 02：个性化筛查 https://sspai.com/post/66635
年轻人的体检指南 03：你该掌握的自查手段 https://sspai.com/post/67800

WebCIA Weekly

第06期 - 南京入秋

经验（Tips）

技术

开源 & tools

资讯

其它

来自x友推荐: 2024 年最新 Javascript 程序员出海全免费架构：

通勤摩托车推荐

杨笠与普信男 （新闻文摘）

第05期 - 实习奶爸

经验（Tips）

技术

开源

一些 React 碎片

资讯

第04期 - 极简编程

经验（Tips）

技术

实用工具

开源项目

资讯

第03期 - 元宵快乐

经验（Tips）

技术

工具

开源

资讯

第02期 - 回家过年

经验（Tips）

技术

工具

开源

资讯

第01期 - Web情报局

经验（Tips）

技术

AI 工具

开源

资讯

以前靠信息不对称赚钱，现在靠什么赚钱？

年轻人的体检指南 系列

杨笠与普信男（新闻文摘）

年轻人的体检指南系列