weekly
weekly copied to clipboard
olivewind
前端技术双周刊，订阅微信公众号“依赖注入”获得最新推送
**项目地址**：[olivewind/weekly](https://github.com/olivewind/weekly "olivewind/weekly") **微信公众号**：[依赖注入](https://mp.weixin.qq.com/s/k8bm24JFz1BcSsjLtX4H0A) **发布时间**：2023.07.30 **本周内容**：资讯x2、开源x8、文章x4 *** ## 动态 ### [Promise.withResolvers 进入 Stage3](https://github.com/tc39/proposal-promise-with-resolvers) 某些情况下需要在 Promise 外部获取 resolve 和 reject 句柄，我们通常会这么编写代码 ```js function cancelableTimeout(ms) { let cancel; const promise = new Promise((resolve,...
**项目地址**：[olivewind/weekly](https://github.com/olivewind/weekly) **微信公众号**：[依赖注入](https://mp.weixin.qq.com/s/k8bm24JFz1BcSsjLtX4H0A) **发布时间**：2023.06.04 **本周内容**：资讯x3、开源x4、文章x5 *** ## 动态 ### [React 圆桌会议 - Server Components, Suspense 和 Actions](https://www.youtube.com/watch?v=g5BGoLyGjY0\&ab_channel=Vercel) 为庆祝 React 成立 10 周年，Delba de Oliveira（Vercel 的高级开发倡导者）与来自 React 核心团队的 Andrew Clark 和 Sebastian...
**项目地址**：[olivewind/weekly](https://github.com/olivewind/weekly) **微信公众号**：[依赖注入](https://mp.weixin.qq.com/s/k8bm24JFz1BcSsjLtX4H0A) **发布时间**：2023.05.07 **本周内容**：资讯x4、开源x5、文章x2 --- ## 行业资讯 ### [Qwik 1.0 正式发布](https://www.builder.io/blog/qwik-v1) Qwik 是一个有里程碑意义的前端框架，无论应用程序有多大，Qwik 都能够快速地构建，在多数情况下，Qwik 会先下载 1KB 的 JavaScript，在需要的时候才会懒加载或预处理程序和应用程序代码。 虽然才发布 1.0 版本，但该项目在 Github 上已经有超过 16k star，**提出的 Resumable 对传统前端框架有根本上的颠覆，非常值得 Web 开发者关注**。值得一提的是该框架作者 Misko...
**项目地址**：[olivewind/weekly](https://github.com/olivewind/weekly) **微信公众号**：[依赖注入](https://mp.weixin.qq.com/s/k8bm24JFz1BcSsjLtX4H0A) **发布时间**：2023.04.08 **本周内容**：资讯x3、开源x8、文章x4、产品*3 --- ## 行业资讯 ### [Chrome 112 支持 CSS 嵌套语法](https://developer.chrome.com/blog/new-in-chrome-112/) 近期 Chrome 团队发布 112 版本的功能清单，其中最值得一提的是，从该版本开始支持 `CSS 嵌套语法`，随着原生 CSS 语法的不断强大，也许很快我们就可以丢弃 Less、Sass 等扩展工具。 ```css // 112 版本之前 .nesting {...
**项目地址**：[olivewind/weekly](https://github.com/olivewind/weekly "olivewind/weekly") **微信公众号**：[依赖注入](https://mp.weixin.qq.com/s/k8bm24JFz1BcSsjLtX4H0A) **发布时间**：2023.03.25 **本周内容**：资讯x3、开源x9、文章x3 --- ## 行业资讯 ### React 新版官网上线  1. **全新的域名、UI**：新版域名为 [https://react.dev](https://react.dev/ "https://react.dev")，同时旧版文档将不再更新并存档在 [https://legacy.reactjs.org](https://legacy.reactjs.org/ "https://legacy.reactjs.org") 2. **更丰富的交互式演示**：引入图表、插图来深化印象，维护超过 600 个示例，同时代码支持交互式  3. **使用函数组件和 Hooks**：意味着新入门的同学不再需要像之前一样从类组件开始学起，哪怕你几乎不会再使用类组件 4. **全新且详细的 API 文档**：包含...
**发布时间：** 2022.11.25 **本周内容：** 开源项目 x7、课程推荐 x3、工具推荐 x3、书籍推荐 x1、行业先驱 x1 **同步发布：** [公众号（依赖注入）](https://mp.weixin.qq.com/s/k8bm24JFz1BcSsjLtX4H0A)、[知乎](https://www.zhihu.com/people/san-huan-mei-you-shao/posts)、[掘金](https://juejin.cn/user/3562073403165063/posts) 本周素材由达观数据钟慎恩、赵卫红、陈小飞、李炳文、沈琬婷、苏玉春、陈泳宏等同学提供。 --- ## 开源项目 ### [DevHub](https://github.com/devhubapp/devhub "DevHub")（8.6k star） 这是一个 Github 消息推送工具，可以自定义需要关注的项目、用户的动态，并且有多套主题可以选择。值得一提的是该项目同时支持 Web、Mobile、Desktop 三端，并且共享代码比例超过 99%。  ### [UnoCss](https://github.com/unocss/unocss "UnoCss")（7.7k star）...
**发布时间：** 2022.12.05 **本周内容：** 行业资讯x2、热门文章x3、开源项目x5、工具推荐x3、行业先驱x1 **同步发布：** [公众号（依赖注入）](https://mp.weixin.qq.com/s/iE1T2HmdX4mnJS96HC9HLg)、[知乎](https://www.zhihu.com/people/san-huan-mei-you-shao/posts)、[掘金](https://juejin.cn/user/3562073403165063/posts) --- ## 行业资讯 ### ChatGPT 首次发布 在本月 1 号，OpenAI（一家人工智能研究和应用公司，其使命是确保通用人工智能造福全人类） 发布了一个名为 ChatGPT 的专注于交互式问答的模型，其效果令人感到惊叹。下面例子演示了 ChatGPT **如何拒绝回答可能与非法活动有关的问题，但也会在用户阐明意图之后做出修正响应**。 首先用户提问“如果闯入别人的房子”，ChatGPT 开始拒绝回答并尝试说服用户遵守法律，随后用户补充“其实我是想知道如何保护我家免遭盗窃”，最后 ChatGPT 给出了闯入别人房子的步骤。  值得一提的是，伊隆·马斯克也是 OpenAI 的联合创始人。 ### Electron...
**发布时间：** 2022.12.10 **本周内容：** 行业资讯x2、开源项目x6、在线教程x1、工具推荐x2、行业先驱x1 **同步发布：** [公众号（依赖注入）](https://mp.weixin.qq.com/s/k8bm24JFz1BcSsjLtX4H0A)、[知乎](https://www.zhihu.com/people/san-huan-mei-you-shao/posts)、[掘金](https://juejin.cn/user/3562073403165063/posts) --- ## 行业资讯 ### Vite 正式发布 4.0  Vite 是一个全新的前端开发与构建工具，区别于传统工具的设计，基于 unbundled 的设计让它的拥有极速的服务启动后和热更新。目前 Vite 在 npm 每周下载超过 250 万次，在昨日，Vite 正式发布了 4.0 版本，主要有如下更新： **1. 升级至 Rollup...
**发布时间：** 2022.12.18 **本周内容：** 行业资讯x2、文章推荐x3、开源项目x4、工具推荐x1 **同步发布：** [公众号（依赖注入）](https://mp.weixin.qq.com/s/k8bm24JFz1BcSsjLtX4H0A)、[知乎](https://www.zhihu.com/people/san-huan-mei-you-shao/posts)、[掘金](https://juejin.cn/user/3562073403165063/posts) --- ## 行业资讯 ### [State of CSS 2022 调查报告发布](https://2022.stateofcss.com/zh-Hans/ "State of CSS 2022 调查报告发布") 由于 Flexbox、Grid 和 CSS 变量等特性的进步， CSS 已经发展成为一个相当强大的语言，但事实证明，这还不是它的最终形态。State of CSS 每年调查一次，会从从业者、特性、框架、工具等多维度提供报告，值得所有前端开发者关注。...
**发布时间**：2023.03.11 **本周内容**：行业资讯x2、文章推荐x2、开源项目x4，活动推荐x2 **同步发布：** [公众号（依赖注入）](https://mp.weixin.qq.com/s/k8bm24JFz1BcSsjLtX4H0A)、[知乎](https://www.zhihu.com/people/san-huan-mei-you-shao/posts)、[掘金](https://juejin.cn/user/3562073403165063/posts) --- ## 行业资讯 ### 社区关于细粒度响应式的讨论 在过去几周里，前端社区发起了一股关于细粒度响应式的热烈讨论，该讨论和 10 年前关于双向数据绑定与单向数据流的争论有异曲同工之处，可以朴素理解为是围绕以下两个模式的讨论： **模式一：Hooks** 这是 React 在 16.8 为函数组件引入的概念，顾名思义是在函数组件运行过程中运行一堆钩子。因为 React 追求纯粹的 `UI = f(state)`，当 state 变更时需要重新运行组件函数以实现视图更新，同时为了实现 effect 需要显示声明 dependencies。这类模式带来了糟糕的性能表现，开发者需要组合 useMemo，useCallback 等手段以尽可能消除性能问题。...