前端食堂技术周刊第 105 期：TS 5.3 RC、Vite 5.0、W3C 新任 CEO、有害的 Pinia 模式、2024 更快的 Web
美味值：🌟🌟🌟🌟🌟
口味：金桂普洱
- 食堂技术周刊仓库地址：https://github.com/Geekhyt/weekly
大家好，我是童欧巴。欢迎来到前端食堂技术周刊，我们先来看下上周的技术资讯。
技术资讯
- TypeScript 5.3 RC
- Vite 5.0
- Prettier 3.1
- W3C 新任 CEO 的目标和愿景
- 华为云开源低代码引擎 TinyEngine
下面我们来看技术资料。
技术资料
1. Rust 是 JavaScript 基础设施的未来
2 年前 Lee Robinson 写的预言，让我们看看当下的进展：
- Biome，Biome 另起炉灶，Rome 中道崩殂；
- Rspack，质疑 Webpack，理解 Webpack，成为 Webpack 的 Rspack；
- Pacquet (pnpm)，实验性包管理器；
- Rolldown，Rollup 绣化版；
- Oxc，Biome 竞品；
- Turbopack 立志替代 Webpack，Next.js 专属 Bundler；
此外，Bun 1.0 版本的发布，让 Zig 也占领了一席之地，并致力于加速整个 JavaScript 生态系统。
2. Node.js CLI 应用程序最佳实践
Node.js CLI 应用程序最佳实践合集，之前周刊里发过，近期有部分更新。
3. 2024 更快的 Web
根据 HTTP Archive 数据，越来越多的网站通过了 Core Web Vitals 评估，显示出网页性能在加载速度、交互响应性和布局稳定性方面的显著提升。2024 年新的交互响应性标准指标 INP 即将替代 FID，尽管面临新挑战，但通过采用新技术和方法，仍能继续推动网页性能的提升。
4. 浏览器不想让你知道的 67 个奇怪的调试技巧
想成为调试界的魔术师吗？看你骨骼惊奇，送你份独门秘籍。
5. 解释 URL，基本原理
本文深入解析 URL 的基本构成和使用，并阐述了 URI、URL、URN 和 URC 之间的区别。
6. 关于新的 CSS 选择器令人惊讶的事实
带你探索 :is(), :not(), :has(), 和 :where()，以及嵌套选择器 & 的基本使用、注意事项和特异性。
7. 探索 V8 字符串的实现和优化
揭秘 V8 字符串实现。
8. 《有害的 Pinia 模式和解决方案》
VueConf Toronto 上 Pinia 作者 Eduardo 的分享内容。
好了，以上就是本期的食堂周刊，观众老爷们如果觉得还不错，一键三连是对食堂老板最大的支持。
你的前端食堂，吃好每一顿饭，我们下期见。
相关文章：
前端食堂技术周刊第 105 期：TS 5.3 RC、Vite 5.0、W3C 新任 CEO、有害的 Pinia 模式、2024 更快的 Web
美味值：🌟🌟🌟🌟🌟 口味：金桂普洱 食堂技术周刊仓库地址：https://github.com/Geekhyt/weekly 大家好，我是童欧巴。欢迎来到前端食堂技术周刊，我们先来看下…...
jenkins 使用原生 git clone 命令，指定ssh密钥文件
使用环境变量 GIT_SSH_COMMAND 从Git版本2.3.0可以使用环境变量GIT_SSH_COMMAND，如下所示： GIT_SSH_COMMAND"ssh -i ~/.ssh/id_rsa_example" git clone example请注意，-i有时可以被您的配置文件覆盖，在这种情况下&…...
cobol数据类型
数据类型 数据部（data division）是用来描述程序中使用的变量的。 data name 数据名称 数据名称必须在数据部中定义，才能在过程部中使用。必须有一个用户自定义的名称，不能使用关键字，为存储实际数据的存储单元提供引…...
Java Web——JS中的BOM
1. Web API概述 Web API 是指浏览器提供的一套接口，这些接口允许开发人员使用 JavaScript（JS）来操作浏览器功能和页面元素。通过 Web API，开发人员可以与浏览器进行交互，以实现更复杂的功能和效果。 1.1. 初识Web AP…...
三十分钟学会Hive
Hive的概念与运用 Hive 是一个构建在Hadoop 之上的数据分析工具（Hive 没有存储数据的能力，只有使用数据的能力），底层由 HDFS 来提供数据存储，可以将结构化的数据文件映射为一张数据库表，并且提供类似 SQL …...
云计算发展
云计算，作为当今信息技术领域的核心力量，正在快速推动着我们社会的数字化转型。从智能家居到无人驾驶，从虚拟现实到人工智能，云计算的应用无处不在，它不仅仅是一个技术概念，更是一种全新的生活方式。在这个…...
vulhub redis-4-unacc
环境搭建 cd vulhub/redis/4-unacc docker-compose up -d 漏洞复现 检测 redis-cli -h ip 使用redis工具 工具地址：https://github.com/vulhub/redis-rogue-getshell 下载完成后，先进入RedisModulesSDK/exp/ 目录进行make操作 获得exp.so后可以进行…...
风火编程--playwright爬虫
playwright爬虫基本用法 等待加载 page.wait_for_load_state(‘networkidle’) text page.content() 点击 demo with sync_playwright() as pw:browser pw.chromium.launch(headlessTrue)context browser.new_context()page context.new_page()page.goto(url)page.wait…...
CSS的选择器(一篇文章齐全)
目录 Day26：CSS的选择器 1、CSS的引入方式 2、CSS的选择器 2.1 基本选择器编辑 2.2 组合选择器 2.3 属性选择器 2.4 伪类选择器 2.5 样式继承 2.6 选择器优先级 3、CSS的属性操作 3.1 文本属性 3.2 背景属性 3.3 边框属性 3.4 列表属性 3.5 dispal…...
手把手从零开始训练YOLOv8改进项目(官方ultralytics版本)教程
手把手从零开始训练 YOLOv8 改进项目 (Ultralytics版本) 教程，改进 YOLOv8 算法 本文以Windows服务器为例：从零开始使用Windows训练 YOLOv8 算法项目 《芒果 YOLOv8 目标检测算法 改进》 适用于芒果专栏改进 YOLOv8 算法 文章目录 官方 YOLOv8 算法介绍改进网络代码汇总第…...
AI 游戏工具收集
一、2D绘图 二、3D生成 Luma AI 3D模型生成Blockade Labs 天空盒生成 三、音乐音效 Waveformer 音乐音效生成 四、代码 Phind 代码生成...
Android描边外框stroke边线、rotate旋转、circle圆形图的简洁通用方案，基于Glide与ShapeableImageView，Kotlin
Android描边外框stroke边线、rotate旋转、circle圆形图的简洁通用方案，基于Glide与ShapeableImageView，Kotlin 利用ShapeableImageView专门处理圆形和外框边线的特性，通过Glide加载图片装载到ShapeableImageView。注意，因为要描边…...
virtualbox7 虚拟机与宿主机互传文件、共享u盘
互传文件有两种方式，一种是创建共享目录，一种是直接通过“控制”-》文件管理器。 1,创建共享目录，主要分两步： a,设置共享目录。点击虚拟机菜单“设备”-》共享文件夹弹出设置窗口。然后设置要共享的目录点击确定。 b,安装增强…...
浅谈多回路电表在荷兰光伏系统配电项目中的应用
1.背景信息 Background： 随着全球化石能源（石油，煤炭）越来越接近枯竭，污染日趋严重，气候日益变暖等问题，全球多个国家和地区相继出台了法规政策，推动了光伏产业的发展。但是现有的光…...
VBA之Word应用：文档（Document）的书签
《VBA之Word应用》（版权10178982），是我推出第八套教程，教程是专门讲解VBA在Word中的应用，围绕“面向对象编程”讲解，首先让大家认识Word中VBA的对象，以及对象的属性、方法，然后通过实…...
四旋翼无人机的飞行原理--【其利天下分享】
近年来，无人机在多领域的便捷应用促使其迅猛的发展，如近年来的多场战争，无人机的战场运用发挥得淋漓尽致。 下面我们针对生活中常见的四旋翼无人机的飞行原理做个基础的介绍，以飨各位对无人机有兴趣的朋友。 一：四旋翼…...
webpack的安全保障是怎么做的？
文章目录 前言Webpack 内容安全策略后言 前言 hello world欢迎来到前端的新世界 😜当前文章系列专栏：webpack 🐱👓博主在前端领域还有很多知识和技术需要掌握，正在不断努力填补技术短板。(如果出现错误，感…...
Python3.10的一些新特性与使用场景
Python 3.10的新特性不仅增强了语言的功能性，也提供了更丰富的工具，让开发者能更高效、更准确地编写代码。接下来将通过一些实际的使用场景和方法来探索这些新特性。 1. “精确类型”参数化内置集合 Python 3.10引入了更精确的方式来指定内置集合的类型…...
VS2022 配置 OpenCV并开始第一个程序
VS2022安装 首先下载 VisualStudioSetup.exe 下载连接：Visual Studio 2022 IDE - 适用于软件开发人员的编程工具 点击上面的链接即可进入到下载页面。进入到下载页面，可看到有几个版本可选，如下： 我选择的是企业版：E…...
图像处理01 小波变换
一.为什么需要离散小波变换 连续小波分解，通过改变分析窗口大小，在时域上移动窗口和基信号相乘，最后在全时域上整合。通过离散化连续小波分解可以得到伪离散小波分解， 这种离散化带有大量冗余信息且计算成本较高。 小波变换的公…...
ubuntu搭建nfs服务centos挂载访问
在Ubuntu上设置NFS服务器 在Ubuntu上，你可以使用apt包管理器来安装NFS服务器。打开终端并运行： sudo apt update sudo apt install nfs-kernel-server创建共享目录 创建一个目录用于共享，例如/shared： sudo mkdir /shared sud…...
Redis相关知识总结（缓存雪崩，缓存穿透，缓存击穿，Redis实现分布式锁，如何保持数据库和缓存一致）
文章目录 1.什么是Redis？2.为什么要使用redis作为mysql的缓存？3.什么是缓存雪崩、缓存穿透、缓存击穿？3.1缓存雪崩3.1.1 大量缓存同时过期3.1.2 Redis宕机 3.2 缓存击穿3.3 缓存穿透3.4 总结 4. 数据库和缓存如何保持一致性5. Redis实现分布式…...
dedecms 织梦自定义表单留言增加ajax验证码功能
增加ajax功能模块，用户不点击提交按钮，只要输入框失去焦点，就会提前提示验证码是否正确。 一，模板上增加验证码 <input name"vdcode"id"vdcode" placeholder"请输入验证码" type"text&quo…...
如何在看板中有效管理突发紧急任务
在看板中有效管理突发紧急任务需要：设立专门的紧急任务通道、重新调整任务优先级、保持适度的WIP（Work-in-Progress）弹性、优化任务处理流程、提高团队应对突发情况的敏捷性。其中，设立专门的紧急任务通道尤为重要，这能…...
OkHttp 中实现断点续传 demo
在 OkHttp 中实现断点续传主要通过以下步骤完成，核心是利用 HTTP 协议的 Range 请求头指定下载范围： 实现原理 Range 请求头：向服务器请求文件的特定字节范围（如 Range: bytes1024-） 本地文件记录：保存已…...
C++中string流知识详解和示例
一、概览与类体系 C 提供三种基于内存字符串的流，定义在 <sstream> 中： std::istringstream：输入流，从已有字符串中读取并解析。std::ostringstream：输出流，向内部缓冲区写入内容，最终取…...
RabbitMQ入门4.1.0版本（基于java、SpringBoot操作）
RabbitMQ 一、RabbitMQ概述 RabbitMQ RabbitMQ最初由LShift和CohesiveFT于2007年开发，后来由Pivotal Software Inc.（现为VMware子公司）接管。RabbitMQ 是一个开源的消息代理和队列服务器，用 Erlang 语言编写。广泛应用于各种分布…...
【安全篇】金刚不坏之身：整合 Spring Security + JWT 实现无状态认证与授权
摘要 本文是《Spring Boot 实战派》系列的第四篇。我们将直面所有 Web 应用都无法回避的核心问题：安全。文章将详细阐述认证（Authentication) 与授权（Authorization的核心概念，对比传统 Session-Cookie 与现代 JWT（JS…...
在 Visual Studio Code 中使用驭码 CodeRider 提升开发效率：以冒泡排序为例
目录 前言1 插件安装与配置1.1 安装驭码 CodeRider1.2 初始配置建议 2 示例代码：冒泡排序3 驭码 CodeRider 功能详解3.1 功能概览3.2 代码解释功能3.3 自动注释生成3.4 逻辑修改功能3.5 单元测试自动生成3.6 代码优化建议 4 驭码的实际应用建议5 常见问题与解决建议…...
数据结构第5章：树和二叉树完全指南（自整理详细图文笔记）
名人说：莫道桑榆晚，为霞尚满天。——刘禹锡（刘梦得，诗豪） 原创笔记：Code_流苏(CSDN)（一个喜欢古诗词和编程的Coder😊） 上一篇：《数据结构第4章 数组和广义表》…...