前端食堂技术周刊第 100 期：TS 5.3 Beta、ViteConf2023、Rspress 1.0、Fresh 1.5、Chrome 118
美味值：🌟🌟🌟🌟🌟
口味：乌龙金桂
- 食堂技术周刊仓库地址：https://github.com/Geekhyt/weekly
大家好，我是童欧巴。欢迎来到前端食堂技术周刊，我们先来看下上周的技术资讯。
技术资讯
- TypeScript 5.3 Beta
- ViteConf 2023 回放
- Rspress 1.0 正式发布
- Fresh 1.5
- Parcel v2.10
- New in Chrome 118
- Nuxt 支持运行在 Edge
- ESLint 计划在 v9.0.0 使用全新的 Flat Config
- WebContainers 支持 Native Language
- 第 98 次 TC39 会议回顾
- VS Code 发布 v1.83
下面我们来看技术资料。
技术资料
1. Angular 文艺复兴
由于 Angular 团队对开发者体验的关注和框架的持续改进，Angular 正在变得更加友好。文章提到了 Angular 摆脱 Modules 的趋势，引入 Signals 以增强响应性编程，以及控制流语法的改进，旨在提升开发者和用户体验。
2. 加速 JavaScript 生态系统之 barrel files
barrel files (仅导出其他文件且本身不包含代码的文件) 是引发性能问题的原因之一。
3. 如何在 TypeScript 中迭代对象键
在 TypeScript 中迭代对象键的几种正确姿势。
4. “唠”着学 Rust
可在 Discord、Telegram 和 Web 上使用，帮助理解 Rust 概念和编写代码，由 ChatGPT/4 提供支持，支持自然对话。
5. CRDT 交互式指南
文章通过互动式、可视化和代码示例，介绍了 CRDT 的基本概念和工作原理。
6. Kubernetes 备忘单
来自 Datadog 团队的 Kubernetes 备忘单。
7. Next.js 13 VS Remix
深入对比 Next.js 13 和 Remix 在构建应用时的性能和特性。
好了，以上就是本期的食堂周刊，观众老爷们如果觉得还不错，一键三连是对食堂老板最大的支持。
你的前端食堂，吃好每一顿饭，我们下期见。
相关文章：
前端食堂技术周刊第 100 期：TS 5.3 Beta、ViteConf2023、Rspress 1.0、Fresh 1.5、Chrome 118
美味值：🌟🌟🌟🌟🌟 口味：乌龙金桂 食堂技术周刊仓库地址：https://github.com/Geekhyt/weekly 大家好，我是童欧巴。欢迎来到前端食堂技术周刊，我们先来看下…...
汇川IT7000系列HMI使用脚本实现画面跳转时自动切换手自动模式
汇川IT7070E工业HMI使用实例（1） 用脚本切换模式 我们在使用工业HMI做画面时，可能会有这样的需求，希望切换画面时，可以根据不同的画面，自动切换相应的模式，比如有些画面是进行手动操作的，有些画面是进行自动操作的，当我们需要手动时，希望进入画面自动切换为“手动模…...
FDTD Solutions笔记
FDTD Solutions笔记 目录使用流程实例 目录 使用流程 实例 材料条件 步骤 基底 2. 添加规则膜层 3. 添加仿真区 解释： 仿真区为（0,0），x方向为0.4，y方向是1 解释： 一般先用低精度进行计算 解释：…...
SQL SELECT DISTINCT（选择不同） 语法
SQL SELECT DISTINCT 语法 SELECT DISTINCT语法用于仅返回不同的（different）值。 在一张表内，一列通常包含许多重复的值; 有时你只想列出不同的（different）值。 SELECT DISTINCT语句用于仅返回不同的（diffe…...
常见的数据结构及应用
文章目录 前言数据结构介绍数组链表队列和栈树堆 总结 前言 数据结构是计算机存储、组织数据的方式。在工作中，我们通常会直接使用已经封装好的集合API，这样可以更高效地完成任务。但是作为一名程序员，掌握数据结构是非常重要的，…...
基于模型预测人工势场的船舶运动规划方法，考虑复杂遭遇场景下的COLREG（Matlab代码实现）
💥💥💞💞欢迎来到本博客❤️❤️💥💥 🏆博主优势：🌞🌞🌞博客内容尽量做到思维缜密，逻辑清晰，为了方便读者。 ⛳️座右铭&a…...
【UE5 Cesium】19-Cesium for Unreal 建立飞行跟踪器（4）
遗留问题 在上一篇博客中（【UE5 Cesium】18-Cesium for Unreal 建立飞行跟踪器（3）），我们实现了飞机变速飞行的功能，但是还存在两个问题，分别是： （1）由于UE的…...
TrustZone
TrustZone技术 让我们从最重要的问题开始：为什么存在TrustZone技术，它防御什么？保护用 C 和 C 编写的大型程序免受黑客攻击可能是一个挑战。内存损坏漏洞是一个常见问题，尽管消除它们是安全工程师的核心目标，但从操作…...
✔ ★【备战实习（面经+项目+算法）】 10.16学习时间表（总计学习时间：5h）
✔ ★【备战实习（面经项目算法）】 坚持完成每天必做如何找到好工作1. 科学的学习方法（专注！效率！记忆！心流！）2. 每天认真完成必做项，踏实学习技术 认真完成每天必做&…...
React + Router
React Router 这个只是专门讲解 React Router 新开的例子。 教程来源：https://reactrouter.com/en/main/start/tutorial 创建新项目 yarn create vite my-react-router-app --template react-ts cd my-react-router-app yarn安装 React Router 依赖: yarn add…...
微信小程序设置动态变量设值
微信小程序设置动态变量设值 微信小程序如何动态变量设值？ 示例代码如下： setValFunc() {const key this.data.currentPickerid; // 业务需求动态键值key，或者是上一界面获取的动态key值const value 变量值;this.setData({[${key}]: valu…...
闪站侠洗衣洗鞋多门店多用户管理系统，洗鞋店干洗店小程序开发；
闪站侠洗护软件是多分店多用户管理系统，一个分店可以同时关联多个用户。闪站侠洗护管理软件通过互联网为洗衣店/洗鞋店干洗店提供加盟或直营连锁管理； 实现会员洗衣的门店收衣->上门收衣->开单拍照->清洗护理/工厂洗涤->微｜信/短…...
JDBC增删改查示例
数据库表 CREATE TABLE customers ( id int NOT NULL AUTO_INCREMENT, name varchar(15) DEFAULT NULL, email varchar(20) DEFAULT NULL, birth date DEFAULT NULL, photo mediumblob, PRIMARY KEY (id) ) ENGINEInnoDB AUTO_INCREMENT39 DEFAULT CHARSETgb2312;…...
emqx broker安装
emqx broker安装 Emq x百万级开源 MQTT 消息服务器 是基于 Erlang/OTP 语言平台开发 一款完全开源，高可用低时延的百万级分布式物联网 MQTT 5.0 消息服务器 官方地址: https://www.emqx.com/zh Centos7 安装 #下载Centos7 amd64位版本 wget https://www.emqx.c…...
如何选择国产压力测试工具?
随着互联网的飞速发展，软件应用的性能和稳定性变得愈发重要。无论是在线购物网站、社交媒体平台还是移动应用程序，用户都期望能够快速、流畅地访问和使用它们。为了确保应用程序在高负载下仍能够正常运行，压力测试工具变得至关重要。在国内&a…...
基于AT89C51流水花样灯proteus仿真设计
一、仿真原理图： 二、仿真效果图： 三、仿真工程： c51单片机流水灯花样灯proteus仿真设计资源-CSDN文库...
android U广播详解（二）
android U广播详解（一） 基础代码介绍 广播相关 // 用作单个进程批量分发receivers，已被丢弃 frameworks/base/services/core/java/com/android/server/am/BroadcastReceiverBatch.java // 主要逻辑所在类，包括入队、分发、结束…...
死循环的问题)
导航守卫的使用记录和beforeEach( )死循环的问题
前置导航守卫beforeEach的使用 import Vue from vue import VueRouter from vue-router // 进度条 import NProgress from nprogress import nprogress/nprogress.cssVue.use(VueRouter)// 路由表 const routes [{path: "/",redirect: "/home",},{path: …...
SpringMVC源码分析（三）HandlerExceptionResolver启动和异常处理源码分析
问题：异常处理器在SpringMVC中是如何进行初始化以及使用的？ Spring MVC提供处理异常的方式主要分为两种： 1、实现HandlerExceptionResolver方式（HandlerExceptionResolver是一个接口，在SpringMVC有一些默认的实现也可以…...
系统架构与Tomcat的安装和配置
2023.10.16 今天是学习javaweb的第一天，主要学习了系统架构的相关知识和原理，下载了web服务器软件：Tomcat，并对其进行了配置。 系统架构 包括：C/S架构 和 B/S架构。 C/S架构： Client / Server࿰…...
使用rpicam-app通过网络流式传输视频)
树莓派超全系列教程文档--(62)使用rpicam-app通过网络流式传输视频
使用rpicam-app通过网络流式传输视频 使用 rpicam-app 通过网络流式传输视频UDPTCPRTSPlibavGStreamerRTPlibcamerasrc GStreamer 元素 文章来源： http://raspberry.dns8844.cn/documentation 原文网址 使用 rpicam-app 通过网络流式传输视频 本节介绍来自 rpica…...
苍穹外卖--缓存菜品
1.问题说明 用户端小程序展示的菜品数据都是通过查询数据库获得，如果用户端访问量比较大，数据库访问压力随之增大 2.实现思路 通过Redis来缓存菜品数据，减少数据库查询操作。 缓存逻辑分析： ①每个分类下的菜品保持一份缓存数据…...
论文浅尝 | 基于判别指令微调生成式大语言模型的知识图谱补全方法（ISWC2024）
笔记整理：刘治强，浙江大学硕士生，研究方向为知识图谱表示学习，大语言模型 论文链接：http://arxiv.org/abs/2407.16127 发表会议：ISWC 2024 1. 动机 传统的知识图谱补全（KGC）模型通过…...
vue3 定时器-定义全局方法 vue+ts
1.创建ts文件 路径：src/utils/timer.ts 完整代码： import { onUnmounted } from vuetype TimerCallback (...args: any[]) > voidexport function useGlobalTimer() {const timers: Map<number, NodeJS.Timeout> new Map()// 创建定时器con…...
Linux-07 ubuntu 的 chrome 启动不了
文章目录 问题原因解决步骤一、卸载旧版chrome二、重新安装chorme三、启动不了，报错如下四、启动不了，解决如下 总结 问题原因 在应用中可以看到chrome，但是打不开(说明：原来的ubuntu系统出问题了，这个是备用的硬盘&a…...
Redis数据倾斜问题解决
Redis 数据倾斜问题解析与解决方案 什么是 Redis 数据倾斜 Redis 数据倾斜指的是在 Redis 集群中，部分节点存储的数据量或访问量远高于其他节点，导致这些节点负载过高，影响整体性能。 数据倾斜的主要表现 部分节点内存使用率远高于其他节…...
在web-view 加载的本地及远程HTML中调用uniapp的API及网页和vue页面是如何通讯的？
uni-app 中 Web-view 与 Vue 页面的通讯机制详解 一、Web-view 简介 Web-view 是 uni-app 提供的一个重要组件，用于在原生应用中加载 HTML 页面： 支持加载本地 HTML 文件支持加载远程 HTML 页面实现 Web 与原生的双向通讯可用于嵌入第三方网页或 H5 应…...
处理vxe-table 表尾数据是单独一个接口，表格tableData数据更新后，需要点击两下，表尾才是正确的
修改bug思路： 分别把 tabledata 和 表尾相关数据 console.log() 发现 更新数据先后顺序不对 settimeout延迟查询表格接口 ——测试可行 升级↑：async await 等接口返回后再开始下一个接口查询 ________________________________________________________…...
探索Selenium：自动化测试的神奇钥匙
目录 一、Selenium 是什么1.1 定义与概念1.2 发展历程1.3 功能概述 二、Selenium 工作原理剖析2.1 架构组成2.2 工作流程2.3 通信机制 三、Selenium 的优势3.1 跨浏览器与平台支持3.2 丰富的语言支持3.3 强大的社区支持 四、Selenium 的应用场景4.1 Web 应用自动化测试4.2 数据…...
深入理解Optional：处理空指针异常
1. 使用Optional处理可能为空的集合 在Java开发中，集合判空是一个常见但容易出错的场景。传统方式虽然可行，但存在一些潜在问题： // 传统判空方式 if (!CollectionUtils.isEmpty(userInfoList)) {for (UserInfo userInfo : userInfoList) {…...