前端食堂技术周刊第 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 辅助编码工具 CodeGeeX
- 如何让 AI 帮你讲解论文？
下面我们来看技术资料。
技术资料
1. React 服务器组件 Devtools
作者描述了 RSC 开发工具的缺失，并分享了如何利用 RSC 的数据格式来创建开发工具，包括可视化工具和浏览器扩展。
2. 因为 React 你忘记了（或者从来不知道）的事情
文章探讨了 React 在前端开发中的地位，指出与其他现代框架的差距。作者认为 React 已经落后，而其他框架如 Vue、Svelte 和 Preact 提供了更高效和简洁的解决方案。
3. 使用 Next.js、Langchain 和 OpenAI 构建 AI 聊天机器人
如何使用 Next.js、Langchain、OpenAI LLMs 和 Vercel AI SDK 构建 AI 聊天机器人，内容涵盖了从设置模板、实现结构化输出、自主 AI 代理到检索增强生成的步骤。
4. “骷髅小队”现在瞄准了 NPM
文章揭示了“Skeleton Squad”从 PyPI 扩展到 npm 生态系统的最新动态。这个威胁团队最初在 PyPI 生态系统中发布了大量恶意包。现在，他们将矛头对准了 npm，对开发者和用户构成安全风险。
5. 手撸和使用开源库的边界
本文探讨了自行编写函数与使用开源模块之间的平衡。提出了在考虑使用第三方 JavaScript 模块时的一些关键考虑因素，如维护成本、包大小、是否有标准 API 和必要的代码审查。
6. 深入理解 JavaScript 和 React 中的闭包
文章深入探讨了闭包的定义、特点和在现代编程中的应用，强调了其在数据封装和函数创建中的关键作用。
7. CSS 单位概述
文章详细探讨了 CSS 的多种尺寸单位，包括绝对单位、字体相对单位、视口相对单位和容器相对单位。作者解释了每种单位的特点、应用场景和如何在不同情境中选择合适的单位。
好了，以上就是本期的食堂周刊，观众老爷们如果觉得还不错，一键三连是对食堂老板最大的支持。
你的前端食堂，吃好每一顿饭，我们下期见。
相关文章：
前端食堂技术周刊第 95 期：Fresh 1.4、Rollup 迁移至 SWC计划、RSC Devtools、使用开源库的边界、AI 帮你讲论文
美味值：🌟🌟🌟🌟🌟 口味：冰葡美式 食堂技术周刊仓库地址：https://github.com/Geekhyt/weekly 大家好，我是童欧巴。欢迎来到前端食堂技术周刊，我们先来看下…...
【TypeScript】枚举类型
在 TypeScript 中，枚举（Enum）是一种用于定义命名常量集合的数据类型。枚举使代码更加可读和可维护，因为它们为一组具有语义的值提供了命名。 以下是 TypeScript 中枚举的基本用法和特点： // 声明一个枚举 enum Direc…...
快速通过华为HCIP认证
你可以按照以下步骤进行准备和学习： 华为认证课程和资料--提取码:1234https://pan.baidu.com/s/1YJhD8QbocHhZ30MvrKm8hg 了解认证要求：查看华为官方网站上的HCIP认证要求和考试大纲，了解考试的内容、考试形式和考试要求。 学习相关知识&am…...
派森 #P124. 公式计算
描述 输入数正整数m，输出0! 1! ...m!的计算结果。 样例 输入 5 输出 154 代码： m int(input()) result 1 factorial 1 for i in range(1, m 1):factorial * iresult factorial print(result) # 法2def factorial(n):"""计…...
opencv进阶14-Harris角点检测-cv2.cornerHarris
类似于人的眼睛和大脑，OpenCV可以检测图像的主要特征并将这 些特征提取到所谓的图像描述符中。然后，可以将这些特征作为数据 库，支持基于图像的搜索。此外，我们可以使用关键点将图像拼接起 来，组成更大的图像。&#x…...
JVM中对象和GC Root之间的四种引用关系
1. 强引用 只有所有 GC Roots 对象都不通过【强引用】引用该对象，该对象才能被垃圾回收 由GC Root直接new出来的对象是强引用，只有当GC Root不再引用该对象的时候，才会被回收 例子： List<String> list new ArrayList<&…...
【李宏毅机器学习】注意力机制
输出 我们会遇到不同的任务，针对输出的不一样，我们对任务进行划分 给多少输出多少 给一堆向量，输出一个label，比如说情感分析 还有一种任务是由机器决定的要输出多少个label，seq2seq的任务就是这种，翻译也…...
Nginx使用keepalived配置VIP
VIP常用于负载均衡的高可用，使用VIP可以给多个主机绑定一个IP，这样，当某个负载应用挂了之后，可以自动切到另一个负载。 我这里是在k8s环境中做的测试，集群中有6个节点，我给140和141两个节点配置VIP。 1. 安…...
C语言编写图形界面
文章目录 环境使用库基础概念句柄 程序的入口创建窗口定义窗口类注册窗口类创建窗口 完整代码运行效果 环境 使用的是VSCode MinGW； 使用库 我们使用windows.h库来实现图形化界面。 头文件如下： #include <windows.h>windows.h是 Windows 操作…...
K8s学习笔记3
Kubernetes功能： Kubernetes是一个轻便的可扩展的开源平台，用于管理容器化应用和服务。通过Kubernetes能够进行应用的自动化部署和扩缩容。在Kubernetes中，会将组成应用的容器组合成一个逻辑单元以更易管理和发现。Kubernetes积累了作为Goog…...
ceph集群的扩容缩容
文章目录 集群扩容添加osd使用ceph-deploy工具手动添加 添加节点新节点前期准备新节点安装ceph，出现版本冲突 ceph-deploy增加节点 集群缩容删除osd删除节点 添加monitor节点删除monitor节点使用ceph-deploy卸载集群 实验所用虚拟机均为Centos 7.6系统，8…...
gremlin安装使用 详细步骤
gremlin是一个图数据库查询工具，注意他只是一个工具类似于dbeaver，navicat，sqlyog，是专门来分析图数据库的一个工具。 下载 下载地址Apache Download Mirrors 省事的可以直接 wget https://www.apache.org/dyn/closer.lua/tin…...
Java语言怎么编写一个程序计算出租车的运输费用：出租车起步15公里以内20块钱，需要支付调头费用
下面是一个Java语言编写的计算出租车运输费用的程序： java import java.util.Scanner; public class TaxiFareCalculator { public static void main(String[] args) { Scanner input new Scanner(System.in); System.out.print("请输入出租车行驶的里程&…...
十、flume的安装
1.解压 2.改名 3.修改权限 4.编辑环境变量并source export FLUME_HOME/usr/local/flume export PATH$PATH:$JAVA_HOME/bin:$HADOOP_HOME/bin:$HADOOP_HOME/sbin:$HIVE_HOME/bin:$HBASE_HOME/bin:$SQOOP_HOME/bin:$PIG_HOME/bin:$FLUME_HOME/bin 5.配置 6.查看版本 7.启动Hadoo…...
互联网广告及产品变现认知分析整理
深入学习互联网广告及产品，并且高效利用这一模式进行变现。 字节先是建立了一个非常强大的用户产品——抖音，通过各种渠道让抖音快速成长起来，收获了一大批初始用户。有了用户基础之后，字节开始打造它的广告产品，逐渐…...
item_search_img-按图搜索淘宝商品（拍立淘）
一、接口参数说明： item_search_img-按图搜索淘宝商品（拍立淘），点击更多API调试，请移步注册API账号点击获取测试key和secret 公共参数 请求地址: https://api-gw.onebound.cn/taobao/item_search_img 名称类型必须描…...
OWASP Top 10（2021）漏洞学习（最新）
A01:2021-权限控制失效 从第五位上升到第一位，94%的应用程序都接受了某种形式的针对“失效的访问控制”的测试，该事件的 平均发生率为 3.81%，该漏洞在提供的数据集中出现漏洞的应用数量最多，总发生漏洞应用数量超过31.8万多 次。 …...
mysql 、sql server 游标 cursor
游标 声明的位置 游标必须在声明处理程序之前被声明，并且变量和条件还必须在声明游标或处理程序之前被声明 游标的使用步骤 声明游标打开游标使用游标关闭游标 （sql server 关闭游标和释放游标） sql server 游标 declare my_cursor curs…...
dockers搭建基本服务
1、使用mysql:5.6和 owncloud 镜像，构建一个个人网盘。 拉取mysql-5.6和owncloud的镜像 docker run -d --name mdb --env MYSQL_ROOT_PASSWORD123 cytopia/mysql-5.6 docker run -d -p 90:80 --name webdcloud --link mdb:mdb owncloud 注册的时候，数据…...
微信小程序纯前端从阿里云OSS下载json数据-完整版
起因 因为云开发开始收费（貌似很久了），准备改造在以前的小程序，数据转到oss上，小程序使用原生，不算专业领域， 所以先百度.... 网上的教程真的是千篇一律，大部分开局就是require(ali-oss); 好点的npm install ali-oss --save开局，拼凑操作到最后发现要用云开发，因为云…...
Linux 文件类型，目录与路径，文件与目录管理
文件类型 后面的字符表示文件类型标志 普通文件：-（纯文本文件，二进制文件，数据格式文件） 如文本文件、图片、程序文件等。 目录文件：d（directory） 用来存放其他文件或子目录。 设备…...
Leetcode 3576. Transform Array to All Equal Elements
Leetcode 3576. Transform Array to All Equal Elements 1. 解题思路2. 代码实现 题目链接：3576. Transform Array to All Equal Elements 1. 解题思路 这一题思路上就是分别考察一下是否能将其转化为全1或者全-1数组即可。 至于每一种情况是否可以达到…...
mysql已经安装，但是通过rpm -q 没有找mysql相关的已安装包
文章目录 现象：mysql已经安装，但是通过rpm -q 没有找mysql相关的已安装包遇到 rpm 命令找不到已经安装的 MySQL 包时，可能是因为以下几个原因：1.MySQL 不是通过 RPM 包安装的2.RPM 数据库损坏3.使用了不同的包名或路径4.使用其他包…...
Java多线程实现之Thread类深度解析
Java多线程实现之Thread类深度解析 一、多线程基础概念1.1 什么是线程1.2 多线程的优势1.3 Java多线程模型 二、Thread类的基本结构与构造函数2.1 Thread类的继承关系2.2 构造函数 三、创建和启动线程3.1 继承Thread类创建线程3.2 实现Runnable接口创建线程 四、Thread类的核心…...
代理篇12|深入理解 Vite中的Proxy接口代理配置
在前端开发中，常常会遇到 跨域请求接口 的情况。为了解决这个问题，Vite 和 Webpack 都提供了 proxy 代理功能，用于将本地开发请求转发到后端服务器。 什么是代理（proxy）？ 代理是在开发过程中，前端项目通过开发服务器，将指定的请求“转发”到真实的后端服务器，从而绕…...
JVM 内存结构 详解
内存结构 运行时数据区： Java虚拟机在运行Java程序过程中管理的内存区域。 程序计数器： 线程私有，程序控制流的指示器，分支、循环、跳转、异常处理、线程恢复等基础功能都依赖这个计数器完成。 每个线程都有一个程序计数…...
【从零学习JVM|第三篇】类的生命周期(高频面试题)
前言： 在Java编程中，类的生命周期是指类从被加载到内存中开始，到被卸载出内存为止的整个过程。了解类的生命周期对于理解Java程序的运行机制以及性能优化非常重要。本文会深入探寻类的生命周期，让读者对此有深刻印象。 目录 …...
【学习笔记】erase 删除顺序迭代器后迭代器失效的解决方案
目录 使用 erase 返回值继续迭代使用索引进行遍历 我们知道类似 vector 的顺序迭代器被删除后，迭代器会失效，因为顺序迭代器在内存中是连续存储的，元素删除后，后续元素会前移。 但一些场景中，我们又需要在执行删除操作…...
comfyui 工作流中 图生视频 如何增加视频的长度到5秒
comfyUI 工作流怎么可以生成更长的视频。除了硬件显存要求之外还有别的方法吗？ 在ComfyUI中实现图生视频并延长到5秒，需要结合多个扩展和技巧。以下是完整解决方案： 核心工作流配置（24fps下5秒120帧） #mermaid-svg-yP…...
保姆级【快数学会Android端“动画“】+ 实现补间动画和逐帧动画！！！
目录 补间动画 1.创建资源文件夹 2.设置文件夹类型 3.创建.xml文件 4.样式设计 5.动画设置 6.动画的实现 内容拓展 7.在原基础上继续添加.xml文件 8.xml代码编写 (1)rotate_anim (2)scale_anim (3)translate_anim 9.MainActivity.java代码汇总 10.效果展示 逐帧…...