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

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

相关推荐
陈随易29 分钟前
一个网吧网管,做了个网页,卖了 5000 万
前端·后端·程序员
jktantan9 小时前
Vue keep-alive 切标签后滚动位置回顶?因为 onDeactivated 里读到的 scrollTop 是 0
前端·javascript·vue.js
总要学点什么9 小时前
第89篇:三维特效-螺旋圆效果——让螺旋臂卷起一圈圈外扩的涟漪
开发语言·javascript·ecmascript·webgl·cesium·空间分析·1024程序员节
2601_9628857210 小时前
quotes 字段全解:涨跌幅、振幅、换手率的口径与单位
java·前端·spring
excel10 小时前
encodeURI 和 encodeURIComponent 有什么区别?
前端
前端精髓10 小时前
调用openrouter的免费API模型
java·前端·javascript
赛博守夜人11 小时前
AI安全攻防与治理之十四:AI 安全测试不能脱离传统安全,Web、API、移动端与模型攻击面的组合拳
前端·人工智能·安全
开开心心_Every11 小时前
快速隐藏程序工具自定义快捷键一键切换
java·开发语言·前端·spring·智能手机·word·intellij-idea
networknomad11 小时前
OpenReplay:自己搭的会话回放工具,给前端排错用的
前端·其他
缓慢更新12 小时前
AI 辅助生成单测:从接口定义到用例的流水线
java·服务器·前端·网络·数据库·人工智能