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

news2024/11/25 2:29:16

美味值:🌟🌟🌟🌟🌟

口味:龙井酥

  • 食堂技术周刊仓库地址: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 了。

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

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

你的前端食堂,吃好每一顿饭,我们下期见。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/613328.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

DINO代码学习笔记(四)

DINO代码学习笔记(一)中已经将输入transformer之前的参数处理给捋了一遍 DINO代码学习笔记(二)中将encoder部分给捋了一遍 DINO代码学习笔记(三)中将decoder部分给捋了一遍,以上将DINO的主体部…

聊一聊Spring Security的那些事

一.什么是Spring Security S[ing Security是一个基于Java EE框架Spring的安全性框架,它提供了身份认证和授权功能,用于保护应用程序中的资源。同时,它也支持许多常见的身份验证机制,并提供了预防常见攻击,如跨站请求伪…

[230603]托福听力精听|TPO66C2|Financial Advice

tuition bill 学费 add up 加总 allowance 补贴 budget 预算 document 文件 expense 费用;开销 semester 学期 dorm 宿舍 own 拥有;自己的 bulletin board…

SpringCloud微服务架构 --- 基础篇

一、认识微服务 1.1、服务架构演变 1.1.1、单体架构 单体架构:将业务的所有功能集中在一个项目中开发,打成一个包部署。 单体架构的优缺点如下: 优点: 架构简单部署成本低 缺点: 耦合度高(维护困难、…

基于Xilinx K7-410T的高速DAC之AD9129开发笔记(一)

引言:从本文开始,我们介绍下项目中设计的并行LVDS高速DAC接口设计,包括DAC与FPGA硬件接口设计、软件设计等。项目设计高速DAC采用了ADI公司的AD9129,该芯片最大更新速率5.7Gsps,该芯片在宽带通信应用、LTE、雷达信号产…

wpf中使用svg图片

在wpf中,svg图片不能直接使用,但是我们知道,svg图片比png,jpg等图片都好点,原因就是它是矢量图片,不会变形。 一共4种方式: 第一种: 简单的svg,我们可以使用path来装载…

算法与数据结构(三)

一、堆 1,堆结构就是用数组实现的完全二叉树结构 根节点的左孩子的下标为:2i1,右孩子为2i2。两个孩子的父节点为(i-1)/2向下取整 2,完全二叉树中如果每棵子树的最大值都在顶部就是大根堆 从下往上将孩子与父节点进行比较,如果子叶…

【Docker】什么是Docker,它用来干什么

作者简介: 辭七七,目前大一,正在学习C/C,Java,Python等 作者主页: 七七的个人主页 文章收录专栏: 七七的闲谈 欢迎大家点赞 👍 收藏 ⭐ 加关注哦!💖&#x1f…

使用Leangoo轻量敏捷看板工具实现多泳道任务管理

在敏捷开发的实践当中,通过可视化的敏捷任务看板来实现团队协同和透明化管理是必不可少的一个实践。 通过可视化的敏捷任务看板我们可以达到如下几个目的: 1. 可视化管理团队的目标; 2. 明确目标的优先级; 3. 明确目标分解后的任务项; 4. 可视化管理任…

【算法题解】34. 二叉树的最小深度

这是一道 简单 题 https://leetcode.cn/problems/minimum-depth-of-binary-tree/ 文章目录 题目简单递归解法Java 代码实现Go 代码实现复杂度分析 DFSJava 代码实现Go 代码实现复杂度分析 BFSJava 代码实现Go 代码实现复杂度分析 总结 题目 给定一个二叉树,找出其最…

第十一届蓝桥杯国赛JavaB组题解

A. 美丽的2 思路: 枚举 1 到 2020 的每个数,依次判断即可。 代码: public class Main {public static boolean check(int x) {while (x ! 0) {if (x % 10 2) return true;x / 10;}return false;}public static void main(String[] args) …

CPU和微程序

目录 一、CPU功能和结构 (一)CPU的功能 1. 指令控制 2. 操作控制 3. 时间控制 4. 数据加工 5. 中断处理 (二)CU和ALU的功能 1. CU(控制器)的功能 2. ALU(运算器)的功能 …

Greenplum高并发数据库概览

一、前言 GreenPlum DB(GPDB)是一个开源的高并发(MPP:massively parallel processing ) 数据处理平台,可用于海量数据分析,机器学习,AI场景,专为下一代数据仓库和大规模分析处理设计。 参考&am…

008-从零搭建微服务-系统服务(一)

写在最前 如果这个项目让你有所收获,记得 Star 关注哦,这对我是非常不错的鼓励与支持。 源码地址(后端):https://gitee.com/csps/mingyue 源码地址(前端):https://gitee.com/csps…

【ArcGIS Pro二次开发】(33):合并文件夹下的所有shp文件

在工作中,即使很不喜欢用shp文件,但还是经常会收到shp格式的文件。关于shp文件的吐糟就不多说了,除了文件小、字段名长度限制,不能储存弧线段等问题,还有一种处理方式也让人很是难受。 如上图,有些shp文件是…

挂起、激活单个流程实例

类:com.roy.ActivitiBusinessDemo/*** 挂起、激活单个流程实例*/Testpublic void suspendSingleProcessInstance(){ // 1、获取流程引擎ProcessEngine processEngine ProcessEngines.getDefaultProcessEngine(); // 2、RuntimeServiceRuntimeService…

Flowable开始事件-空开始事件

文章目录 空开始事件一、开始事件的定义1、图形标记2、XML内容3、使用示例 总结 空开始事件 利用空开始事件发起流程 一、开始事件的定义 空开始事件意味着没有指定启动流程实例的触发条件。它是最常见的一种开始事件,一般需要人工启动或通过api启动 1、图形标记…

最系统的网络安全自学笔记+学习路线(超详细)

01 什么是网络安全 网络安全可以基于攻击和防御视角来分类,我们经常听到的 “红队”、“渗透测试” 等就是研究攻击技术,而“蓝队”、“安全运营”、“安全运维”则研究防御技术。 无论网络、Web、移动、桌面、云等哪个领域,都有攻与防两面…

职场工作的前提

职场工作 目录概述需求: 设计思路实现思路分析1.职场工作 参考资料和推荐阅读 Survive by day and develop by night. talk for import biz , show your perfect code,full busy,skip hardness,make a better result,wait for change,challenge Survive.…

自动攻丝机(比例随动控制应用)

比例随动控制的详细介绍,可以参看下面的文章链接: 运动控制比例随动系统_RXXW_Dor的博客-CSDN博客PLC如何测量采集编码器的位置数据,不清楚的可以参看我的另一篇博文:三菱FX3U PLC高速计数器应用(附代码)_RXXW_Dor的博客-CSDN博客本文主要以三菱FX3U系列的高速计数为例来…