更新 WebCIA Weekly 05期

Author: ma.jinyun

README.md

@@ -2,21 +2,21 @@
 
 > 分享每周从 RSS 源获取到的优质信息聚合，包含：技术文章、产品设计、思维观点、开源项目、资源和工具、焦点资讯等，一切值得关注的事物，为大家提供保持领先所需的见解，也帮自己完成了信息资源存档。
 
-## 部署地址:
+## 部署地址
 
 https://markyun.github.io/weekly/
 
 https://webcia-weekly.vercel.app/
 
-## 也会在以下渠道同时发布:
+## 也会在以下渠道不定期同时更新发布
 
-Github：
+Github：markyun/weekly
 
-语雀：
+语雀：www.yuque.com/markyun/webcia-weekly
 
-知乎：
+掘金：juejin.cn/column/7326182576004513807
 
-微信公众号:
+微信公众号：WebCIA Weekly
 
 ## 关于我
 

package.json

@@ -10,7 +10,7 @@
   },
   "author": {
     "name": "markyun",
-    "email": "markyun@qq.com"
+    "email": "WebCIAWeekly@Outlook.com"
   },
   "license": "MIT",
   "scripts": {

src/pages/posts/03-元宵快乐.md

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

src/pages/posts/05-实习奶爸.md

@@ -0,0 +1,88 @@
+---
+date: 2024/07/25
+---
+
+<img src="https://p.ipic.vip/uuru92.png" width="800" />
+
+<small>本期封面图来源于文章："work hard, play hard"。</small>
+
+> **本周刊内容来源于我的 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