栗子前端技术周刊第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 等,周刊内容也会不断优化改进,希望你们能够喜欢。

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

相关推荐
四喜花露水19 分钟前
Vue 自定义icon组件封装SVG图标
前端·javascript·vue.js
前端Hardy28 分钟前
HTML&CSS: 实现可爱的冰墩墩
前端·javascript·css·html·css3
web Rookie1 小时前
JS类型检测大全:从零基础到高级应用
开发语言·前端·javascript
Au_ust1 小时前
css:基础
前端·css
帅帅哥的兜兜1 小时前
css基础:底部固定,导航栏浮动在顶部
前端·css·css3
工业甲酰苯胺1 小时前
C# 单例模式的多种实现
javascript·单例模式·c#
yi碗汤园1 小时前
【一文了解】C#基础-集合
开发语言·前端·unity·c#
就是个名称1 小时前
购物车-多元素组合动画css
前端·css
编程一生2 小时前
回调数据丢了?
运维·服务器·前端
丶21362 小时前
【鉴权】深入了解 Cookie:Web 开发中的客户端存储小数据
前端·安全·web