前端食堂技术周刊第 85 期:5 月浏览器更新、TypeScript 5.1、Rspack 0.2.0、Parcel v2.9.0、Next.js 企业级模板

这篇具有很好参考价值的文章主要介绍了前端食堂技术周刊第 85 期:5 月浏览器更新、TypeScript 5.1、Rspack 0.2.0、Parcel v2.9.0、Next.js 企业级模板。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

美味值:🌟🌟🌟🌟🌟

口味:龙井酥

  • 食堂技术周刊仓库地址:https://github.com/Geekhyt/weekly

本期摘要

  • 5 月登陆浏览器的新功能
  • TypeScript 5.1
  • Rspack 0.2.0
  • Parcel v2.9.0
  • Next.js 企业级模板
  • SupportsCSS
  • useHooks

大家好,我是童欧巴。欢迎来到前端食堂技术周刊,我们先来看下上周的技术资讯。

技术资讯

1. 5 月登陆浏览器的新功能

Firefox 113、Chrome 113、Chrome 114、Safari 16.5 发布稳定版本,我们来看下 Chrome 稳定版本中的新功能。

其中,Chrome 113 发布了 WebGPU。First-Party Sets 将分阶段推出。对于 CSS,Chrome 113 包括 overflow-inline、overflow-block 媒体功能,还有 linear()。

Chrome 114 中支持 CSS text-wrap: balance、CHIPS、Popover API。

2. TypeScript 5.1

TypeScript 5.1 正式发布,自 RC 版本以来的变化:

自从 RC 版本以来,对内置的重构进行了一些小改动,将声明移到现有的文件中;然而,这个实现还需要一些改进。因此,你可能无法在大多数编辑器中使用它,只能通过使用 TypeScript 的 nightly 版本来选择使用。预计在 TypeScript 5.2 或 TypeScript 5.1 的未来补丁版本中将会重新引入这个重构。

3. Rspack 0.2.0

Rspack 0.2.0 发布,新增了诸多功能,如 realContentHash、DataURI、ESM format 的支持等,同时加强了与 Webpack 的兼容性,优化了诸多细节。另外,得益于对 Webpack API 良好的兼容性,对周边生态也完成了进一步的兼容,例如,测试完成了对 vue-loader 17(对应 Vue3)和 15(对应 Vue2)版本的兼容,可以尝试在 Vue2 / 3 项目中使用 Rspack 了。

前端食堂技术周刊第 85 期:5 月浏览器更新、TypeScript 5.1、Rspack 0.2.0、Parcel v2.9.0、Next.js 企业级模板

4. Parcel v2.9.0

Parcel v2.9.0 包含了许多长期被请求的特性,包括一个全新的解析器,支持 package.json 中的 “exports” 和 tsconfig.json 的特性,支持 ESM 插件和配置,以及本地 Parcel 插件。

此外,SWC 被设置为默认的 minifier、增量符号传播、改进的 bundler 数据结构提高了性能以及新的构建性能追踪特性。

下面我们来看技术资料。

技术资料

1. Next.js 企业级模板

企业级 Next.js 模板,适用于高性能、可维护的应用。它集成了诸多特性,如 Tailwind CSS、TypeScript、ESLint、Prettier、测试工具等,旨在加速你的开发进程。

2. SupportsCSS

一个在浏览器中实时检测现代 CSS 支持情况的工具。

3. useHooks

ui.dev 团队提供了一个现代的、服务器安全的 React Hooks 工具包。

其他资讯

  • esbuild 推出 playground
  • webpack v5.85.0
  • sveltejs@4.0.0-next.0
  • Electron 25.0.0
  • XState v5 beta
  • RedwoodJS’ Next Epoch: All In on React Server Components

好了,以上就是本期的食堂周刊,观众老爷们如果觉得还不错,一键三连是对食堂老板最大的支持。

你的前端食堂,吃好每一顿饭,我们下期见。文章来源地址https://www.toymoban.com/news/detail-472537.html

到了这里,关于前端食堂技术周刊第 85 期:5 月浏览器更新、TypeScript 5.1、Rspack 0.2.0、Parcel v2.9.0、Next.js 企业级模板的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包赞助服务器费用

相关文章

  • ChromeDriver | 谷歌浏览器驱动下载地址 及 浏览器版本禁止更新

    ChromeDriver | 谷歌浏览器驱动下载地址 及 浏览器版本禁止更新

    在使用selenoum时,需要chrome浏览器的版本和chrome浏览器驱动的版本一致匹配,才能进行自动化测试 国内可以搜到的谷歌浏览器下载地址里面最新的驱动器只有114版本的 CNPM Binaries Mirror 在其他博主那找到了最新版本12X的谷歌驱动器下载地址,里面有最新的版本:Chrome for Testin

    2024年02月21日
    浏览(14)
  • 项目实践之浏览器安全(持续更新...)

    本质:恶意代码未经过滤,与网站正常的代码混在一起;浏览器无法分辨哪些脚本是可信的,导致恶意脚本被执行。 根据攻击的来源,XSS 攻击可分为存储型、反射型和 DOM 型三种。 1、存储型攻击步骤:     1,攻击者将恶意代码提交到目标网站的数据库中。     2,用

    2024年02月04日
    浏览(8)
  • 前端食堂技术周刊第 93 期:7 月登陆 Web 平台的新功能、Node.js 工具箱、Nuxt3 开发技巧、MF 重构方案

    前端食堂技术周刊第 93 期:7 月登陆 Web 平台的新功能、Node.js 工具箱、Nuxt3 开发技巧、MF 重构方案

    美味值:🌟🌟🌟🌟🌟 口味:橙橙冰萃美式 食堂技术周刊仓库地址:https://github.com/Geekhyt/weekly 大家好,我是童欧巴。欢迎来到前端食堂技术周刊,我们先来看下上周的技术资讯。 Deno 八月更新 Deno 1.36 更灵活的权限控制、Deno Deploy 可过滤、搜索的持久化日志、Fresh 1.3 路由

    2024年02月13日
    浏览(15)
  • 前端食堂技术周刊第 95 期:Fresh 1.4、Rollup 迁移至 SWC计划、RSC Devtools、使用开源库的边界、AI 帮你讲论文

    美味值:🌟🌟🌟🌟🌟 口味:冰葡美式 食堂技术周刊仓库地址:https://github.com/Geekhyt/weekly 大家好,我是童欧巴。欢迎来到前端食堂技术周刊,我们先来看下上周的技术资讯。 Fresh 1.4 发布 H3 1.8 发布 TypeScript 将代码格式化工具迁移到 dprint Rollup 迁移到 SWC 计划 国产 AI 辅助编

    2024年02月11日
    浏览(14)
  • 银河麒麟操作系统更新火狐浏览器

    银河麒麟操作系统更新火狐浏览器

    操作系统:银河麒麟操作系统 V10 火狐原始版本: 背景:最近在搞兼容性测试,很多前端组件无法适配这么老版本的火狐浏览器,前端页面数据无法展示,接口异常等报错;只能组件降级来保证低版本的火狐浏览器兼容性,但是别的浏览器也会有隐藏风险,避免没意义的重复

    2024年02月04日
    浏览(28)
  • mac-关闭谷歌浏览器更新

    mac-关闭谷歌浏览器更新

    终端中输入命令: 上面的目录如果不存在,执行下面的 终端中输入命令: // 修改文件夹GoogleSoftwareUpdate的拥有者,阻止谷歌对其的写入权限 需要禁止浏览器自动升级,不然总是要更新自动化驱动。 然后不用了我又想恢复更新升级总是失败。 记录下恢复操作恢复谷歌浏览器

    2024年02月16日
    浏览(45)
  • 前端---需要了解浏览器相关知识--浏览器请求服务器资源---缓存

    前端---需要了解浏览器相关知识--浏览器请求服务器资源---缓存

    掘金1:浏览器缓存 掘金2 :浏览器缓存 跟别人怎么讲,从大的说:缓存的原理是什么? 再说什么是浏览器缓存? 浏览器缓存 请求(静态资源 | 动态资源) 一、缓存是什么? 二、为什么? 浏览器是如何判断是否使用缓存的??第一次请求网页 第二次请求相同网页: 三、怎

    2024年02月12日
    浏览(16)
  • mac下关闭Chrome浏览器自动更新

    mac下关闭Chrome浏览器自动更新

    打开终端输入: cd /Library/Google/GoogleSoftwareUpdate 然后输入以下命令删除更新组件: sudo rm -rf GoogleSoftwareUpdate.bundle 自行打开谷歌浏览器的设置页面,提示无法自动更新的字眼,成功关闭自动更新

    2024年02月11日
    浏览(46)
  • 保护隐私的第一步:从更新浏览器开始

    保护隐私的第一步:从更新浏览器开始

    当今社会已经进入了数字化和网络化的时代,而网络安全问题也日益突显。随着互联网在我们生活中的不断渗透,网络威胁变得愈发普遍和隐蔽。在这样的背景下,网络浏览器作为人们访问互联网的主要工具之一,不仅为我们提供了便捷的上网方式,也成为了恶意攻击者追求

    2024年02月11日
    浏览(10)
  • 前端高级面试题-浏览器

    1 事件机制 事件触发三阶段 document 往事件触发处传播,遇到注册的捕获事件会触发 传播到事件触发处时触发注册的事件 从事件触发处往 document 传播,遇到注册的冒泡事件会触发 注册事件 通常我们使⽤ addEventListener 注册事件,该函数的第三个参数可以是布尔值,也可以是对

    2024年02月15日
    浏览(16)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包