当前位置： 首页 > news >正文

前端食堂技术周刊第 104 期：Angular v17、GPTs、Vue vapor mode、Svelte Flow、Bundler 的设计取舍

news 2026/4/1 6:40:43

美味值：🌟🌟🌟🌟🌟

口味：金奖乳鸽

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

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

技术资讯

  • Angular v17
  • Introducing GPTs
  • WinterJS
  • Svelte Flow
  • ESLint v9.0.0 即将推出
  • core-vapor

下面我们来看技术资料。

技术资料

1. Node.js 安全资源

一个精选 Node.js 安全资源列表。它包括工具、Web框架加固、静态和动态代码分析、输入/输出验证、安全组合、CSRF 防护、漏洞和安全通告等多个方面。这个列表旨在为 Node.js 开发者提供全面的安全资源，包括教育材料、研究论文和实用工具，帮助提高应用程序的安全性。

2. 掌握原生 JS DOM 操作

玩转 DOM 操作，前端基础才扎实。

3. Vue 设计模式

理解和利用 Vue 模式可以极大地帮助编写干净、高效和可维护的代码。这个站点介绍了流行的 Vue 特定模式和行为。

4. Core Web Vitals 如何为用户节省一万年的网页加载等待时间

Chromium 博客的文章讨论了 Core Web Vitals（CWV）如何在 2023 年为 Chrome 用户节省超过 10,000 年的等待加载网页时间。自 2020 年引入 CWV 以来，网页性能显著提升，目前超过 40% 的网站通过所有 CWV 指标。这些改进包括优化浏览器和开发生态系统，如后退/前进缓存和预连接功能，以及与 WordPress 和 JavaScript 框架社区的合作，显著提高了网页加载速度和用户体验。

5. 简化 React 状态管理

Causal 公司为解决复杂 Web 应用状态管理的挑战，开发了 “Causal Selectors” 库，允许开发者通过一个简单的接口从多个存储中读取和订阅状态，有效地简化 React 应用的状态管理。文章详细介绍 Causal Selectors 的概念、创建过程和与 React 的集成方式。

6. React Server Components 一定需要框架吗？

作者在博客中探讨了 React Server Components（RSC）的概念及其实现。以及 RSC 与传统的 React SSR（服务器端渲染）的区别，并介绍如何在没有框架的情况下实现 RSC。

7. Bundler 的设计取舍：为什么要开发 Rspack?

Bundler 深度好文，之前周刊收录过英文版，近期发布了中文版本。

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

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

相关文章：

前端食堂技术周刊第 104 期：Angular v17、GPTs、Vue vapor mode、Svelte Flow、Bundler 的设计取舍

美味值：🌟🌟🌟🌟🌟 口味：金奖乳鸽 食堂技术周刊仓库地址：https://github.com/Geekhyt/weekly 大家好，我是童欧巴。欢迎来到前端食堂技术周刊，我们先来看下…...

编程日记 2023/11/14 20:42:16

list复制出新的list后修改元素，也更改了旧的list？

例子 addAll() Testpublic void CopyListTest(){Student student Student.builder().id(1).name("张三").age(23).classId(1).build();Student student2 Student.builder().id(2).name("李四").age(22).classId(1).build();List<Student> student…...

编程日记 2023/11/14 20:40:14

Qt绘制各种图形

重载绘图事件&#xff1a; protected:void paintEvent(QPaintEvent *event) Q_DECL_OVERRIDE;void Widget::paintEvent(QPaintEvent *event) { 进行绘图操作 } 绘图前操作&#xff1a; //基本绘图QPainter painter(this);//创建QPainter对象painter.setRenderHint(QPa…...

编程日记 2023/11/14 20:38:11

NIO 笔记（二）Netty框架专题

【笔记来自&#xff1a;it白马】 Netty框架 前面我们学习了Java为我们提供的NIO框架&#xff0c;提供使用NIO提供的三大组件&#xff0c;我们就可以编写更加高性能的客户端/服务端网络程序了&#xff0c;甚至还可以自行规定一种通信协议进行通信。 NIO框架存在的问题 但是之…...

编程日记 2023/11/14 20:35:06

HTTP——

HTTP 请求报文的构成 如下图： 第一行：HTTP请求的方法，具体是POST方法还是GET方法，或是其它方法；URI就是你的HTTP请求的路径；后面是HTTP协议的版本； 第二行往下连续多行：这些是请求头部分，也就是请求的首部设置的一些信息，相当于对HTTP请求的一些设置； 空格行：在…...

编程日记 2023/11/14 20:34:04

第13章 Java IO流处理（二） 字节流与字符流

目录 内容说明 章节内容 1、I/O与流 2、输入流和输出流 3、字节流与字符流...

编程日记 2023/11/14 20:33:02

【论文阅读】(CTGAN)Modeling Tabular data using Conditional GAN

论文地址&#xff1a;[1907.00503] Modeling Tabular data using Conditional GAN (arxiv.org) 摘要 对表格数据中行的概率分布进行建模并生成真实的合成数据是一项非常重要的任务&#xff0c;有着许多挑战。本文设计了CTGAN&#xff0c;使用条件生成器解决挑战。为了帮助进行公…...

编程日记 2023/11/14 20:32:01

如何进行iOS技术博客的备案？

​ 如何进行iOS技术博客的备案&#xff1f; 标题&#xff1a;iOS技术博客备案流程及要求解析 摘要&#xff1a; 在本篇问答中&#xff0c;我们将为iOS技术博主介绍如何进行备案。如果你的iOS应用只包含简单的页面&#xff0c;并通过蓝牙进行数据采集和传输&#xff0c;那么你…...

编程日记 2023/11/14 20:29:59

RTSP/Onvif安防平台EasyNVR批量禁用/启用通道接口的详细操作步骤

TSINGSEE青犀视频安防监控平台EasyNVR可支持设备通过RTSP/Onvif协议接入&#xff0c;并能对接入的视频流进行处理与多端分发&#xff0c;包括RTSP、RTMP、HTTP-FLV、WS-FLV、HLS、WebRTC等多种格式。在智慧安防等视频监控场景中&#xff0c;EasyNVR可提供视频实时监控直播、云端…...

编程日记 2023/11/14 20:28:58

2个器件，做1个恒流源

在项目中经常要用到恒流源&#xff0c;查找资料可以使用电压源芯片LM317构造一个电流源芯片。本文将电压源加上一个电阻改为电流源&#xff0c;这种设计思路可以扩展到其他类型的电源芯片上&#xff0c;如开关电源及其他类型的线性电源&#xff0c;关键点在于基准电压VREF的使用…...

编程日记 2023/11/14 20:26:56

SQL INSERT INTO SELECT 语句

SQL INSERT INTO SELECT 语句 使用SQL&#xff0c;您可以将信息从一个表中复制到另一个表中。 INSERT INTO SELECT 语句从表中复制数据&#xff0c;并将数据插入现有的表中。目标表中的任何现有行都不会受到影响。 SQL INSERT INTO SELECT 语法 我们可以将所有列从一个表中复制…...

编程日记 2023/11/14 20:25:56

Elasticsearch 在 Java 开发中的应用

Elasticsearch 在 Java 开发中的应用 Elasticsearch 是一个开源的分布式搜索引擎&#xff0c;广泛应用于全文搜索、日志分析等场景。本文将介绍 Elasticsearch 在 Java 开发中的基本使用和一些实际场景中的应用。 1. 引入 Elasticsearch 依赖 首先&#xff0c;需要在 Maven 或…...

编程日记 2023/11/14 20:23:53

linux 的uart驱动框架分析

文章目录 一、底层串行硬件驱动程序二、Console支持三、锁支持四、核心数据结构1、struct uart_driver2、struct uart_port3、struct uart_ops四、常用API总结五、uart驱动示例剖析1、原厂设计的uart驱动2、8250标准uart驱动六、总结🔺【linux内核系列文章】 👉对一些文章内…...

编程日记 2023/11/14 20:22:51

头歌答案HTML——基础

目录 HTML——基础 第1关&#xff1a;初识HTML&#xff1a;简单的Hello World网页制作 任务描述 第2关&#xff1a;HTML结构&#xff1a;自我简介网页 任务描述 HTML——基本标签 第1关&#xff1a;创建第一个 HTML 标签 任务描述 第2关&#xff1a;创建 任务描述 …...

编程日记 2023/11/14 20:21:50

【数据结构——队列的实现（单链表）】

数据结构——队列的实现&#xff08;单链表&#xff09; 一.队列1.1队列的概念及结构 二.队列的实现2.1 头文件的实现——&#xff08;Queue.h&#xff09;2.2 源文件的实现—— &#xff08;Queue.c&#xff09;2.3 源文件的实现—— &#xff08;test.c&#xff09; 三.队列的…...

编程日记 2023/11/14 20:20:50

《LeetCode力扣练习》代码随想录——链表（移除链表元素---Java）

《LeetCode力扣练习》代码随想录——链表&#xff08;移除链表元素—Java&#xff09; 刷题思路来源于 代码随想录 203. 移除链表元素 虚拟头结点 /*** Definition for singly-linked list.* public class ListNode {* int val;* ListNode next;* ListNode() {}* …...

编程日记 2023/11/14 20:19:49

linux 安装 mini conda，linux下安装 Miniconda

下载地址 https://docs.conda.io/projects/miniconda/en/latest/index.html 安装conda mkdir -p ~/miniconda3 wget https://repo.anaconda.com/miniconda/Miniconda3-latest-Linux-x86_64.sh -O ~/miniconda3/miniconda.sh bash ~/miniconda3/miniconda.sh -b -u -p ~/mini…...

编程日记 2023/11/14 20:18:48

机器人 Null impedance（零阻抗）梳理

"Null impedance"&#xff08;零阻抗&#xff09;是指机器人系统在特定情境下被设计成对外部力或运动表现出极小的阻抗。这意味着机器人系统在受到外部作用力时&#xff0c;几乎不会提供阻抗或阻力&#xff0c;使其能够灵活地适应外部环境的变化。零阻抗的设计旨在让…...

编程日记 2023/11/14 20:17:46

MDM9205开发环境搭建与编译调试

前言 如题，这篇文章说的是高通mdm9205这颗物联网芯片，从官方资源的获取（包括文档、代码、软件工具等等）到如何编译出可运行固件的方法。 对经历了不止一次这颗芯片开发的我来说，在过程中遇到问题，除了寄希望于可能在工作日第二天凌晨得到的case回复，有一篇最新的有指导方…...

编程日记 2023/11/14 20:15:45

Linux操作系统使用及C高级编程-D3Linux shell命令(权限、输入输出)

Shell 是一种应用程序&#xff0c;用以完成用户与内核之间的交互 一个功能强大的编程语言&#xff08;C语言&#xff09; 一个解释执行的脚本语言&#xff0c;不需要编译&#xff0c;写完直接执行 目前Linux 乌班图的Shell默认是bash 查看当前提供的Shell&#xff1a;cat /…...

编程日记 2023/11/14 20:14:44

S2-Pro+C语言教学系统：代码逻辑讲解与典型错误自动纠正

S2-ProC语言教学系统&#xff1a;代码逻辑讲解与典型错误自动纠正 1. 智能编程助教初体验 第一次看到S2-Pro在C语言教学中的应用效果时&#xff0c;确实让人眼前一亮。想象一下&#xff0c;当学生提交一段指针运算代码后&#xff0c;系统不仅能指出错误&#xff0c;还能像经验…...

编程新知 2026/4/1 6:21:34

解锁浏览器潜能：用户脚本实用指南

解锁浏览器潜能&#xff1a;用户脚本实用指南 【免费下载链接】greasyfork An online repository of user scripts. 项目地址: https://gitcode.com/gh_mirrors/gr/greasyfork 你是否常常觉得浏览器功能不够用&#xff1f;想让网页自动完成重复操作&#xff1f;希望个性…...

编程新知 2026/4/1 6:05:21

Qwen2.5-VL图文助手体验：RTX 4090极速推理，支持对话历史和一键清空

Qwen2.5-VL图文助手体验&#xff1a;RTX 4090极速推理&#xff0c;支持对话历史和一键清空 如果你手头有一张RTX 4090显卡&#xff0c;想找一个能看懂图片、能聊天、还能帮你处理各种视觉任务的本地AI助手&#xff0c;那么今天要聊的这个工具&#xff0c;你可能会很感兴趣。 …...

编程新知 2026/4/1 6:01:20

从语义熵到可信AI：构建大语言模型幻觉检测的通用框架

1. 当AI开始"胡说八道"&#xff1a;什么是大语言模型幻觉&#xff1f; 想象一下&#xff0c;你正在咨询一位AI客服关于某款手机的参数。它信誓旦旦地告诉你"这款手机搭载了最新款骁龙8Gen3芯片&#xff0c;电池容量5000mAh"&#xff0c;而实际上这款手机用…...

编程新知 2026/4/1 5:22:59

NOR FLASH和NAND FLASH的对比

一、擦写寿命与数据可靠性 FLASH芯片的擦写次数一般来说都是有限的&#xff0c;目前主流产品的擦写寿命普遍在10万次左右。当FLASH芯片接近使用寿命终点时&#xff0c;写操作可能会出现失败。不过&#xff0c;需要注意NAND FLASH采用整块擦写机制&#xff0c;一旦块内出现一位数…...

编程新知 2026/4/1 1:41:46

工艺智能如何让汽车涂装质量更稳、成本更低？

一辆汽车的车身涂层究竟需要经历怎样的极限挑战&#xff1f;从出厂时如镜面般的光泽&#xff0c;到在十年风雨中抵御紫外线、酸雨和砂石的侵蚀&#xff0c;涂装工艺正是赋予汽车这幅铠甲的关键。然而&#xff0c;在过去&#xff0c;这道工序高度依赖老师傅的经验&#xff0c;面…...

编程新知 2026/4/1 1:35:42

nlp_structbert_sentence-similarity_chinese-large入门指南：从ModelScope下载到本地Web服务上线

nlp_structbert_sentence-similarity_chinese-large入门指南&#xff1a;从ModelScope下载到本地Web服务上线 你是不是经常需要判断两句话是不是一个意思&#xff1f;比如&#xff0c;检查用户提问是不是同一个问题&#xff0c;或者看看两段文案是不是在说同一件事。以前做这种…...

编程新知 2026/4/1 0:54:19

AVR机器人固件基座：负熵架构与确定性调度

1. 项目概述“Negentropic Base”是一个面向AVR微控制器平台的嵌入式固件基础框架&#xff0c;专为移动机器人&#xff08;尤其是轮式探测车、自主巡线小车、轻量级自主导航平台&#xff09;设计。其名称中的“Negentropic”&#xff08;负熵&#xff09;并非玄学术语&#xff…...

编程新知 2026/4/1 0:50:17

LangChain 与 LangGraph 介绍

一&#xff64;AI 时代下的编程范式 1. Vibe Coding 氛围编程 1.1 Vibe Coding 的起源 在过去十年间&#xff0c;低代码 / 无代码平台和 AI 代码助手持续冲击着软件开发行业。如今&#xff0c;一种被称为 Vibe Coding 的新兴实践突然走红&#xff0c;甚至颠覆了人们对 "…...

编程新知 2026/3/31 23:49:20

智能车越野组硬件拆解：我们如何用CYT4BB7核心板与四硅麦矩阵搞定声音信标定位？

智能车越野组硬件拆解&#xff1a;四硅麦矩阵与CYT4BB7核心板的声学定位实战 全国大学生智能车竞赛越野组的硬件设计&#xff0c;本质上是一场关于精度、效率和可靠性的极限挑战。当其他队伍还在为三硅麦方案的布线发愁时&#xff0c;我们已经用四硅麦矩阵将声音信标定位误差控…...

编程新知 2026/3/31 22:42:29