weekly
第 116 期 02/27 Planning for AGI and beyond
AI
Planning for AGI and beyond
https://openai.com/blog/planning-for-agi-and-beyond/
那一天，什么时候会到来？又会发生什么？
ChatGPT的炼成方式和在哈啰营销落地能力
https://mp.weixin.qq.com/s/kxtOwWU7dV9PsoAdXQbshA
介绍 GTP 概念、原理以及营销场景的应用。
运用AIGC人工智能生产内容
https://mp.weixin.qq.com/s/b10sqhA9-IvUT44U9-5dLA
随着AI模型能力的飞速迭代升级，现有的短板能力也会不断补齐，因此我们可以相信在不远的将来，设计师利用AI模型来开脑洞并辅助出图是趋势所向，但并不是说我们需要完全依赖AI，因为设计本身是理性而浪漫的工作，仅靠随机性做设计是完全不可取且不靠谱的。更合适的思路应该是，设计师首先定义好规则与框架，从AI模型提供的成百上千个结果中寻找到最匹配我们诉求的结果，从而辅助我们更快更好的达成目标。
design systems in the time of ai
https://bradfrost.com/blog/post/design-systems-in-the-time-of-ai/
更好的利用 AI 辅助设计。And here we are at the frontier, friends. As I see it, AI makes it crystal-clear we need to be focusing on why we create things vs what/how we create. Let’s move forward with humanity, purpose, and intention.
一图读懂
一图读懂《Introduction to Defensive CSS》
https://mp.weixin.qq.com/s/qVvjARI5qHqNtbUMbAiXRw
本文作者是前端兼设计师 Ahmad（之前有解读过他的《The Guide To Responsive Design In 2023 and Beyond》），主要介绍 CSS 防御性编程（Defensive Programming）—— 防御性设计 Defensive design 在 CSS 上的体现。文章内容不多，通过几个示例，让前端以及设计师了解看似完美设计和实现，可能会在边界情况下出现各种问题，从而引起重视。
大前端
Security
Let’s build a Chrome extension that steals everything
https://mattfrisbie.substack.com/p/spy-chrome-extension
作者通过演示一个盗取用户信息的 Chrome 插件，提醒大家在安装插件时注意安全问题，不要随便安装。
协同编辑
深入浅出 OpenSumi 协同编辑的原理
https://mp.weixin.qq.com/s/EsKsEs3lQV92ktLILnEWjg
主流 IDE 都具备多人协同的能力，代码共享 + 协同才能真正称之为协作。本文介绍了 OT 算法与 CRDT 的核心理念以及他们的区别介绍了 Yjs 背后的工程实现原理。
低代码
基于 LowCodeEngine 的低代码组件体系的建设和实践
https://mp.weixin.qq.com/s/rnvbGHImGt6oJuX2wCtaqw
作者在 GMTC 的文字版，围绕组件及其生产以及阿里内部现状。
正则
正则表达式是如何运作的？
https://mp.weixin.qq.com/s/i_C4ATnajxRDGlTA8dJDHg
正则表达式是建立在 有限自动机 ( Finite Automaton ) 的理论基础上的，是自动机理论的应用。当我们写完相关的表达式之后，正则引擎会按照我们所写的表达式构建相应的自动机，若该自动机接受输入的文本并抵达最终状态，则表示输入的文本可以被我们所写的正则表达式匹配到。
Web Worker
2023 年的 Web Worker 项目实践
https://mp.weixin.qq.com/s/y5ADlfVINr17nbJ3r-y9xQ
本文会结合 Web Workers 在京东羚珑的程序化设计项目中的实践，分享一下在当下的 2023 年，关于 worker 融入项目的一些思考和具体的实现方式
3D
3D全景沉浸式体验场景未来城质量保障方案总结
https://mp.weixin.qq.com/s/aDlIEN1_IlNhk5iO79s7Eg
未来城是淘宝探索下一代互联网电商在3D场景中的创新尝试，借助了云端强大的GPU完成高清复杂的场景渲染，云端渲染既有移动端发版的一些特点，也有服务端部署的特性，本文重点从测试发布流程、功能体验、性能标准、监控排查几方面阐述了云渲染的质量保障策略。
Wasm
WASM 在动画引擎中的设计优化
https://mp.weixin.qq.com/s/pmH559vnTpQ7HLOssyKqiA
探讨一个图形动画领域的性能优化：如何在 canvas/webgl 的动画引擎设计上，使用 WASM 来优化性能？
Flutter
Flutter + Dart三端一体化动态化平台实践
https://mp.weixin.qq.com/s/2taliseINbJe7ghaPT8vyA
本文分享主要以Flutter Fair动态化为背景的热更新平台实现方案，通过对Dart Server研究和实践确认Dart开发后端服务的可行性。
React
React Libraries for 2023
https://www.robinwieruch.de/react-libraries/
The following article will give you guidance on how to choose libraries for building a React application.
Node.js
Building a simple CLI tool with modern Node.js
https://evertpot.com/node-changelog-cli-tool/
作者为方便写更新 log，搞了 changelog cli 工具。本文介绍如何使用 node.js 来实现。
TS
Rewriting TypeScript in Rust? You’d have to be…
https://www.totaltypescript.com/rewriting-typescript-in-rust
重写，提速，一条可搞的路。但是不像 Babel 的重写，TS 太复杂了，迭代了 10 年，But there’s a problem. Rewriting a library like TypeScript is extremely challenging. First, “absence of [a] specification” for TypeScript’s behaviour. It’s had ten years to iterate, grow and add features.
JS
Sandboxing JavaScript Code
https://healeycodes.com/sandboxing-javascript-code
作者从 Val Town 得到启发，去学习并自己去探索做一个在线 JS 沙箱。During my final week at The Recurse Center, I wanted to build a mini cloud platform for my friends. Inspired by Val Town, I wanted to support little JavaScript programs.
The ECMAScript 2023 Language Specification
ECMAScript 标准最新版。This Ecma Standard defines the ECMAScript 2023 Language. It is the fourteenth edition of the ECMAScript Language Specification.
CSS
Easing curves, and better CSS transitions and animations
https://joshcollinsworth.com/blog/great-transitions
了解动画不错的文章，作者为此还单独搞了一个演示的网站。At the center of any movement on the web is what’s called an easing curve. This curve is the “rhythm” of the movement, and understanding it well—with the aim of improving our own animations and UIs—is the goal of this post.
Font
Improved font fallbacks
https://developer.chrome.com/blog/font-fallbacks/
通常情况 Web 开发不需要考虑方面 – 字体。This article is a deep dive into font fallbacks and the size-adjust, ascent-override, descent-override, and line-gap-override APIs. These APIs make it possible to use local fonts to create fallback font faces that closely or exactly match the dimensions of a web font. This reduces or eliminates layout shifts caused by font swapping.
欢迎加入，一起共建。