栗子前端技术周刊第28期 - TypeScript 5.5 Beta、React 18.3、Popover API...

🌰栗子前端技术周刊第 28 期 (2024.4.29 - 2024.5.5):浏览前端一周最新消息,学习国内外优秀文章视频,让我们保持对前端的好奇心。

📰 技术资讯

  1. TypeScript 5.5 Beta:虽然它还不是最终版本(预计一两个月后发布),但 5.5 的许多重大改进让人期待,包括推断类型谓词、通过注释在 JSDoc 中导入类型的功能、regex 语法检查、孤立声明等。

  2. React 18.3:上周我们提到 React 19 Beta 版本已经发布,值得注意的是 React 18.3 也发布了。继 18.2 发布近两年后,React 18.3 是 React 很久以来第一个真正意义上的生产版本。不过,它与 18.2 版完全相同,但增加了弃用警告以及 React 19 所需的其他更改。

  3. Popover API:Popover API 现在已全面支持各种主流浏览器,Popover API 为开发人员提供了一种标准、一致、灵活的机制,用于在其他页面内容之上显示弹出窗口内容。弹出内容既可以使用 HTML 属性进行声明控制,也可以通过 JavaScript 进行控制。

html 复制代码
<button popovertarget="mypopover">Toggle the popover</button>
<div id="mypopover" popover>Popover content</div>

📒 技术文章

  1. HTML attributes vs DOM properties:在使用 React、Vue 等框架开发的情况下,我们基本无需关注这些细节问题,但是掌握好 JS 基础还是很重要的。

  2. 前端 JS 异常那些事:文中系统地介绍了什么是异常、异常的分类、异常的传播、异常的处理等等。

  3. React Playground 实现原理揭秘:相信各位应该都用过在线写代码的工具,文中分析了一下代码在线运行工具的实现思路。

🔧 开发工具

  1. Oh my Git!:一款关于学习 Git 的开源游戏!
  1. Madge:一款开发工具,用于生成模块依赖关系的可视化图表、查找循环依赖关系并提供其他有用信息。
  1. extension.js:Extension 是一款即插即用、零配置、跨浏览器的浏览器扩展开发工具,内置支持 TypeScript、WebAssembly、React 等。
  1. Journey.js:创建交互式引导的库,无其他依赖,内置 51 种语言支持,同时支持无障碍性。

🚀🚀🚀 以上资讯文章选自常见周刊,如 JavaScript Weekly 等,周刊内容也会不断优化改进,希望你们能够喜欢。

💖 欢迎关注微信公众号:栗子前端 💖

相关推荐
用户059540174462 小时前
把AI对话记忆存储测试从手工改成Playwright+pytest,覆盖率从20%提到96%,回归时间缩短90%
前端·css
kyriewen2 小时前
别再这样写TypeScript了——Code Review中最常见的8个反模式
前端·javascript·typescript
名字还没想好☜2 小时前
Next.js ‘use client‘ 到底加在哪:Server/Client Components 边界与常见报错
开发语言·前端·javascript·react·next.js
午安~婉2 小时前
GitHub Token/ GitHub Stats统计显示图异常
前端·github·vercel·github token
码云之上2 小时前
AI Agent 工程化总览篇:从 Prompt 到 Harness
前端·人工智能
2501_926978332 小时前
以说明书 DNA 为模板——完整 AGI 的结构图景
前端·人工智能·经验分享·笔记·ai写作
IT_陈寒3 小时前
Vite静态资源引用这个坑我踩得有点疼
前端·人工智能·后端
程序员黑豆3 小时前
鸿蒙应用开发:AttributeModifier 使用教程
前端·harmonyos
codeniu4 小时前
TRAE Work 实战 | 从"有个想法"到线上Demo,我全程只靠对话就完成了
前端·trae
妙码生花4 小时前
从 PHP 到 AI + Golang,程序员自救转型手记(五十):增加管理员角色组管理
前端·后端·ai编程