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

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

相关推荐
桂月二二4 小时前
探索前端开发中的 Web Vitals —— 提升用户体验的关键技术
前端·ux
CodeClimb5 小时前
【华为OD-E卷 - 第k个排列 100分(python、java、c++、js、c)】
java·javascript·c++·python·华为od
hunter2062065 小时前
ubuntu向一个pc主机通过web发送数据,pc端通过工具直接查看收到的数据
linux·前端·ubuntu
qzhqbb5 小时前
web服务器 网站部署的架构
服务器·前端·架构
刻刻帝的海角5 小时前
CSS 颜色
前端·css
浪浪山小白兔6 小时前
HTML5 新表单属性详解
前端·html·html5
lee5767 小时前
npm run dev 时直接打开Chrome浏览器
前端·chrome·npm
2401_897579657 小时前
AI赋能Flutter开发:ScriptEcho助你高效构建跨端应用
前端·人工智能·flutter
光头程序员7 小时前
grid 布局react组件可以循数据自定义渲染某个数据 ,或插入某些数据在某个索引下
javascript·react.js·ecmascript
limit for me7 小时前
react上增加错误边界 当存在错误时 不会显示白屏
前端·react.js·前端框架