feat: no120

README.md

@@ -1,5 +1,5 @@
 # Web 技术周刊
-> 站点持续建设中...近两周站点全新发布
+> 持续建设中... 近两周站点全新发布，倒计时中...
 
 Web 技术周刊是一款面向泛前端同学汇集技术热闻、大前端技术、产品资讯、设计案例以及精彩发现等内容的周刊，目标是为大家带来更多优质的大前端技术输入。
 - 发刊时间：每周一早上 10 点前
@@ -13,6 +13,13 @@ Web 技术周刊是一款面向泛前端同学汇集技术热闻、大前端技
 
 ### 2023
 
+[第 120 期 03/27 The End of Front-End Development](/src/2023/weekly/no120.md)
+- The brief history of artificial intelligence
+- The End of Front-End Development
+- The history and legacy of visual basic
+- Cool frontend arts of local-first: storage, sync, conflicts
+- How OVO determined the right technology stack for their web-based projects
+
 [第 119 期 03/20 After emerging technology buzz fades](src/2023/weekly/no119.md)
 - 跨端架构下客户端侧API维护方案总结
 - Webpack 最近的任意代码漏洞是怎么回事

src/2023/weekly/no120.md

@@ -0,0 +1,197 @@
+# 第 120 期 03/27 The End of Front-End Development
+
+![The brief history of artificial intelligence](https://cdn.staticaly.com/gh/luckybai/static@main/weekly/人工智能简史2.6b1m1587x7c0.webp)
+Source:《[The brief history of artificial intelligence](https://ourworldindata.org/brief-history-of-ai)》
+## 技术热闻
+### AI
+The brief history of artificial intelligence: The world has changed fast – what might be next?
+
+[https://ourworldindata.org/brief-history-of-ai](https://ourworldindata.org/brief-history-of-ai)
+
+本文关于人工智能简史，从 1940 到现在，伴随着训练数据的不断增加，AI 系统的的能力一直在提升。
+阅读本文，对 AI 从古至今的发展有一个概况了解。
+![image.png](https://cdn.staticaly.com/gh/luckybai/static@main/weekly/人工智能简史1.64kucn5imuo0.webp)
+
+GitHub Copilot X: The AI-powered developer experience
+
+[https://github.blog/2023-03-22-github-copilot-x-the-ai-powered-developer-experience/](https://github.blog/2023-03-22-github-copilot-x-the-ai-powered-developer-experience/)
+
+本文来自 GitHub，介绍其新产品 Copilot X，接入 OpenAI 的 GPT-4，支持 chat 和 voice。最初发布的 AI-powered auto-completion 只是开始，未来会是 AI Assistant，全面提升开发效率。
+
+ChatGPT plugins
+
+[https://openai.com/blog/chatgpt-plugins](https://openai.com/blog/chatgpt-plugins)
+
+上周 ChatGPT 发布的关于插件的支持，有人称这是 ChatGPT 的 App Store Moment。Plugins are tools designed specifically for language models with safety as a core principle, and help ChatGPT access up-to-date information, run computations, or use third-party services. 
+
+AIGC图像生成的原理综述与落地畅想
+
+[https://mp.weixin.qq.com/s/DyRjhN0BiDcwunlZIlRv8g](https://mp.weixin.qq.com/s/DyRjhN0BiDcwunlZIlRv8g)
+
+AIGC，这个当前的现象级词语。本文尝试从文生图的发展、对其当前主流的 Stable Diffusion 做一个综述。以下为实验按要求生成的不同场景、风格控制下的生成作品。
+
+AI Explainer: Foundation models and the next era of AI
+
+[https://www.microsoft.com/en-us/research/blog/ai-explainer-foundation-models-and-the-next-era-of-ai/](https://www.microsoft.com/en-us/research/blog/ai-explainer-foundation-models-and-the-next-era-of-ai/)
+
+本文来自 Microsoft Research 博客，来自于微软与 OpenAI 合作的一位 RM 的视频（咖喱味^_^）
+
+Introducing Mozilla.ai: Investing in trustworthy AI
+
+[https://blog.mozilla.org/en/mozilla/introducing-mozilla-ai-investing-in-trustworthy-ai/](https://blog.mozilla.org/en/mozilla/introducing-mozilla-ai-investing-in-trustworthy-ai/)
+
+We’re only three months into 2023, and it’s already clear what one of the biggest stories of the year is: AI. AI has seized the public’s attention like Netscape did in 1994, and the iPhone did in 2007. 
+
+### Report
+GPTs are GPTs: An early look at the labor market impact potential of large language models
+
+[https://openai.com/research/gpts-are-gpts](https://openai.com/research/gpts-are-gpts)
+
+OpenAI 发表的关于 GPT 对美国劳动市场影响的 paper. We investigate the potential implications of Generative Pre-trained Transformer (GPT) models and related technologies on the U.S. labor market.
+
+腾讯发布AIGC发展趋势报告
+
+[https://mp.weixin.qq.com/s/xYKSuY6nTlQLgszU7UMiCQ](https://mp.weixin.qq.com/s/xYKSuY6nTlQLgszU7UMiCQ)
+
+学术界和产业界也都形成共识：AIGC 绝非昙花一现，其底层技术和产业生态已经形成了新的格局。
+
+## 大前端
+### 趋势
+The End of Front-End Development
+
+[https://www.joshwcomeau.com/blog/the-end-of-frontend-development/](https://www.joshwcomeau.com/blog/the-end-of-frontend-development/)
+
+本文围绕最近 AI 的崛起以及前端开发的未来，作者还是持乐观的态度。相信本文将会在国内圈子里引起一些基于 AI 背景下的“前端已死”的讨论。
+> I think the most likely scenario is that tools like GPT-4 become integrated into developer tooling, and used to amplify what a skilled developer can do.
+> 
+> Carpenters weren't replaced by power tools, accountants weren't replaced by spreadsheets, photographers weren't replaced by digital cameras / smartphones*, and I don't think that developers will be replaced by LLMs.
+
+
+### 低代码
+The history and legacy of visual basic
+
+[https://retool.com/visual-basic/](https://retool.com/visual-basic/)
+
+本文来自 Retool，专题文章介绍 Microsoft Visual Basic -- 怎么从全世界统治地位的编程环境突然变得不再受青睐，又是怎么深远影响着软件开发的未来。文章中有不少考古的图片和视频。
+![image.png](https://cdn.staticaly.com/gh/luckybai/static@main/weekly/visual_basic.dcwxi1ljuhc.webp)
+
+低代码引擎 LowCodeEngine 茁壮成长的一年
+
+[https://mp.weixin.qq.com/s/DDt4LQLFUBQ2-F5ehZGBKg](https://mp.weixin.qq.com/s/DDt4LQLFUBQ2-F5ehZGBKg)
+
+这篇文章总结一下低代码引擎过去一年的变化。也会简单概括一些近期才开源/对外的新能力，希望能给大家提供更好的低代码开发体验。
+
+### DevOps
+Improving CI/CD Pipelines Through Observability
+
+[https://www.infoq.com/articles/ci-cd-observability/](https://www.infoq.com/articles/ci-cd-observability/)
+
+本文来自 InfoQ，主要介绍通过 observability 可以改进 CI/CD，一是准确地收集和存储数据，二是只需要关注明确的关键指标 like build time, test results, deployment frequency, and resource utilization，三是用简单有效的方式可视化这些指标，文章给出了一些数据可视化仪表盘示例。
+
+项目开展CICD的实践探路
+
+[https://mp.weixin.qq.com/s/k7FizG3DMjbHmIipSD9fOA](https://mp.weixin.qq.com/s/k7FizG3DMjbHmIipSD9fOA)
+
+本文介绍了作者对CICD的理解以及在项目中开展CICD的几种场景，总结了每种场景实践的关键节点、带来的收益，以及结合具体项目开展的实际应用。
+
+### 框架选择
+How OVO determined the right technology stack for their web-based projects
+
+[https://engineering.grab.com/determining-tech-stack](https://engineering.grab.com/determining-tech-stack)
+
+本文来自 Grab OVO (which is an Indonesian payments, rewards, and financial services platform within Grab) 前端团队，介绍他们存在多技术栈并存的现状及问题，最终决定在 Vue 和 React 这两个技术栈之间做出选择，决定的关键就是基于 “代码可维护性” 这一北极星指标，并最终选择 Vue 作为主技术栈。Increasing the ease of maintenance would reduce the cost, so we decided to use maintainability as our north star metric.
+![image.png](https://cdn.staticaly.com/gh/luckybai/static@main/weekly/web_frameworks.1wdwu03hoqkg.webp)
+
+With or without the JS framework
+
+[https://www.silvestar.codes/articles/with-or-without-the-js-framework/](https://www.silvestar.codes/articles/with-or-without-the-js-framework/)
+
+本文作者讨论了一个话题 “是否应该使用 JS 框架？”其实很多前端开发者（尤其是开发网页）就是直接使用 HTML、CSS 和 JS 的，而且统计报告显示使用了 React、Next.js 的站点 Core Web Vitals 表现相对并不好。
+
+### 代码评审
+ON-DEMAND CODE REVIEW WITH CHATGPT
+
+[https://www.nearform.com/blog/on-demand-code-review-with-chatgpt/](https://www.nearform.com/blog/on-demand-code-review-with-chatgpt/)
+
+本文来自 NearForm，尝试通过 ChatGPT 实现 reviewbot 原型来对 human-written code 进行评审。
+
+### Web3D
+Could we make the web more immersive using a simple optical illusion?
+
+[https://shopify.github.io/spatial-commerce-projects/WonkaVision/](https://shopify.github.io/spatial-commerce-projects/WonkaVision/)
+
+基于 webcam 实现裸眼 3D - 3D eye tracking with a webcam
+
+### local-first application
+Cool frontend arts of local-first: storage, sync, conflicts
+
+[https://evilmartians.com/chronicles/cool-front-end-arts-of-local-first-storage-sync-and-conflicts](https://evilmartians.com/chronicles/cool-front-end-arts-of-local-first-storage-sync-and-conflicts)
+
+In this post, I covered many of the pitfalls you need to avoid if you’re developing a local-first application. At the moment, there are a lot of toolkits for building local-first applications.
+
+### CSS
+6 CSS snippets every front-end developer should know in 2023
+
+[https://web.dev/6-css-snippets-every-front-end-developer-should-know-in-2023/](https://web.dev/6-css-snippets-every-front-end-developer-should-know-in-2023/)
+
+本文来自 web.dev，Chrome DevRel team 推荐的那些已经在浏览器中 stable 的 CSS 属性。Toolbelt worthy, powerful, and stable CSS you can use today.
+
+Laying Out a Print Book With CSS
+
+[https://iangmcdowell.com/blog/posts/laying-out-a-book-with-css/](https://iangmcdowell.com/blog/posts/laying-out-a-book-with-css/)
+
+如何通过 CSS 实现打印书籍的样式排版？这篇文章就是介绍作者在出版一本科幻惊悚书时如何实现。
+
+### React
+React 新官网
+
+[https://react.dev/](https://react.dev/)
+
+The library for web and native user interfaces
+
+How to start a React Project in 2023
+
+[https://www.robinwieruch.de/react-starter/](https://www.robinwieruch.de/react-starter/)
+
+在 React 新文档发布之际，作者基于之前社区中讨论的“为什么不用 Vite 替代官推的 CRA”的言论，作者也来聊一下基于 React 的技术选型。Here I want to give you a brief overview of starter kits for a new React project. A bit of context on why I write this guide now: The new React documentation has been released, which sunsets create-react-app (CRA) as the recommended way to start a React application, and instead recommends several starter kits which in their sum were not perfectly well received by the React community
+
+### Deno
+Why We Added package.json Support to Deno
+
+[https://deno.com/blog/package-json-support](https://deno.com/blog/package-json-support)
+
+官方解释关于 Deno 支持 package.json, providing enhanced Node and NPM compatibility through package.json support.
+
+### Test
+playwright UI Mode
+
+[https://github.com/microsoft/playwright/releases/tag/v1.32.0](https://github.com/microsoft/playwright/releases/tag/v1.32.0)
+
+playwright 新版本发布，new UI Mode。
+![image.png](https://cdn.staticaly.com/gh/luckybai/static@main/weekly/playwrite.2v0gsd76jvs0.webp)
+
+### Browser
+The dark defaults of Microsoft Edge
+
+[https://thomask.sdf.org/blog/2023/03/18/the-dark-defaults-of-microsoft-edge.html](https://thomask.sdf.org/blog/2023/03/18/the-dark-defaults-of-microsoft-edge.html)
+
+吐槽 Microsoft Edge 的默认设置. Edge has some very user-hostile defaults, at least for the type of user who doesn’t want extra ads and doesn’t want to send personal data to Microsoft just for funsies.
+
+
+## 设计
+Fix Color Contrast – Web Accessibility for Text & UI Design
+
+[https://pimpmytype.com/color-contrast/](https://pimpmytype.com/color-contrast/)
+
+了解颜色对比度的重要性。In this article and video you will learn what’s crucial and required about color contrast.
+![color_contrast](https://cdn.staticaly.com/gh/luckybai/static@main/weekly/color-contrast-text-too-little-contrast-1400x788.64eu4h0sd8s0.webp)
+
+ISUX「二月」行业设计趋势速递
+
+[https://mp.weixin.qq.com/s/zU6-9HnfPfBgFmf_D100aA](https://mp.weixin.qq.com/s/zU6-9HnfPfBgFmf_D100aA)
+
+内容更多也是关于 AI 😓
+
+---
+
+欢迎加入，一起共建。