前端食堂技术周刊第 102 期：Next.js 14、Yarn 4.0、State of HTML、SEO 从 0 到 1
美味值：🌟🌟🌟🌟🌟
口味：肥牛宽粉
- 食堂技术周刊仓库地址：https://github.com/Geekhyt/weekly
大家好，我是童欧巴。欢迎来到前端食堂技术周刊，我们先来看下上周的技术资讯。
技术资讯
- Next.js 14
- Astro 3.4
- State of HTML 2023
- Yarn 4.0
- Storybook 7.5
- WinterJS
下面我们来看技术资料。
技术资料
1. System Design 101
这个丰富的资源库可以帮你学习如何绘制架构图。
2. Rust 项目的全自动发布
文章介绍了如何为 Rust 项目实现完全自动化的发布。作者结合 git-cliff、release-plz 和 cargo-dist 三个工具，创建了一个自动化流程，包括生成变更日志、处理依赖更新、版本管理和创建 GitHub 发布。此外，还介绍了 Dependabot 和 Mergify 的使用，以进一步自动化和优化发布流程。
3. ESLint 将弃用格式化相关规则
ESLint 宣布在其下一个版本中弃用核心格式化规则，推荐开发者使用源代码格式化工具。这一决策基于维护成本和规则数量的增加。开发者可以选择使用 Prettier、dprint 或由 Anthony Fu 维护的特定插件包来替代这些规则。
4. Web Components 将比 Web 框架更长寿
Jake Lazaroff 在文章中讨论了 Web 组件的稳定性和如何超越当前的 JavaScript 框架。他强调了 Web 组件作为 W3C 标准的重要性，提供了稳定、可移植的方法来创建元素。文章建议开发者坚持使用 Web 标准，避免过度依赖和中间层，确保代码的长期稳定性。
5. 西瓜业务是如何从 0-1 建设 SEO 的
SEO 入门及优化实战。
6. 基于大模型 + 知识库的 Code Review 实践
一次 LLM + 知识库赋能 CR 效率提升的实践。
好了，以上就是本期的食堂周刊，观众老爷们如果觉得还不错，一键三连是对食堂老板最大的支持。
你的前端食堂，吃好每一顿饭，我们下期见。
相关文章：
前端食堂技术周刊第 102 期：Next.js 14、Yarn 4.0、State of HTML、SEO 从 0 到 1
美味值：🌟🌟🌟🌟🌟 口味：肥牛宽粉 食堂技术周刊仓库地址：https://github.com/Geekhyt/weekly 大家好，我是童欧巴。欢迎来到前端食堂技术周刊，我们先来看下…...
GPT与人类共生：解析AI助手的兴起
随着GPT模型的崭新应用，如百度的1和CSDN的2，以及AI助手的普及，人们开始讨论AI对就业市场和互联网公司的潜在影响。本文将探讨GPT和AI助手的共生关系，以及我们如何使用它们，以及使用的平台和动机。 GPT和AI助手…...
HTML脚本、字符实体、URL
HTML脚本： JavaScript 使 HTML 页面具有更强的动态和交互性。 <script> 标签用于定义客户端脚本，比如 JavaScript。<script> 元素既可包含脚本语句，也可通过 src 属性指向外部脚本文件。 JavaScript 最常用于图片操作、表单验…...
UOS安装Jenkins
一，环境准备 1.安装jdk 直接使用命令行（sudo apt install -y openjdk-11-jdk）安装jdk11 2.安装maven 参考此篇文章即可 UOS安装并配置Maven工具_uos 安装maven_蓝天下的一员的博客-CSDN博客 不过要注意这篇文章有个小错误，我…...
纯CSS实现卡片上绘制透明圆孔
<template><div class"dot-card-wrapper"><div class"top-wrapper"><slot name"top"></slot></div><!-->核心是下面这部分</--><div class"dot-row"><div class"left-…...
用前端框架Bootstrap的AdminLTE模板和Django实现后台首页的页面
承接博文 用前端框架Bootstrap和Django实现用户注册页面 继续开发实现 后台首页的页面。 01-下载 AdminLTE-3.1.0-rc 并解压缩 以下需要的四个文件夹及里面的文件百度网盘下载链接： https://pan.baidu.com/s/1QYpjOfSBJPmjmVuFZdSgFQ?pwdo9ta 下载 AdminLTE-3.1…...
Linux驱动 编译乱序和执行乱序
编译乱序 现代的高性能编译器在目标码优化上都具备对指令进行乱序优化的能力。编译器可以对访存的指令进行乱序，减少逻辑上不必要的访存，以及尽量提高Cache命中率和CPU的Load/Store单元的工作效率。 因此在打开编译器优化以后，看到生成的汇编…...
京东大数据平台（京东数据分析）：9月京东牛奶乳品排行榜
鲸参谋监测的京东平台9月份牛奶乳品市场销售数据已出炉！ 9月份，牛奶乳品市场销售呈大幅上涨。鲸参谋数据显示，今年9月，京东平台牛奶乳品市场的销量为2000万，环比增长约65%，同比增长约3%；销售额为…...
Hadoop RPC简介
数新网络-让每个人享受数据的价值https://www.datacyber.com/ 前 言 RPC（Remote Procedure Call）远程过程调用协议，一种通过网络从远程计算机上请求服务，而不需要了解底层网络技术的协议。RPC它假定某些协议的存在，例…...
你没有见过的 git log 风格
背景 git大家都不陌生，git log 也是大家经常用的指令，今天分享三种 git log的美化格式，大家看看哪种更易读。 git log -15 --graph --decorate --oneline 带有 pretty 格式的git log 风格 log --color --graph --prettyformat:‘%Cred%h%C…...
轻松搭建个人邮件服务器：实现远程发送邮件的hMailServer配置
文章目录 前言1. 安装hMailServer2. 设置hMailServer3. 客户端安装添加账号4. 测试发送邮件5. 安装cpolar6. 创建公网地址7. 测试远程发送邮件8. 固定连接公网地址9. 测试固定远程地址发送邮件 前言 hMailServer 是一个邮件服务器,通过它我们可以搭建自己的邮件服务,通过cpola…...
刷题笔记day08-字符串01
344. 反转字符串 思路1：使用双指针的方法，前后交换 func reverseString(s []byte) {// 思路1：使用双指针进行交换// 思路2：使用库函数进行交换for i, j : 0, len(s) - 1; i < j; {s[i], s[j] s[j], s[i]ij--} }思路2&…...
Pure-Pursuit 跟踪双移线 Gazebo 仿真
Pure-Pursuit 跟踪双移线 Gazebo 仿真 主要参考学习下面的博客和开源项目 自动驾驶规划控制（Ａ*、pure pursuit、LQR算法，使用c在ubuntu和ros环境下实现） https://github.com/NeXTzhao/planning Pure-Pursuit 的理论基础见今年六月…...
Selenium学习（Java + Edge）
Selenium /səˈliːniəm/ 1. 简介 Selenium是一个用于Web应用程序自动化测试工具。Selenium测试直接运行在浏览器中，就像真正的用户在操作一样。支持的浏览器包括IE、Mozilla Firefox、Safari、Google Chrome、Opera、Edge等。 适用于自动化测试&#x…...
项目管理-组织战略类型和层次讲解
组织战略类型和层次 对于不同的组织战略可能会采用不同的项目管理形式，组织作为项目管理的载体，其战略决策对项目管理体系的架构，对组织与项目之间责权利的划分具有深远的影响，组织的战略文化也会影响到项目的组织文化氛围。因此…...
面试算法50：向下的路径节点值之和
题目 给定一棵二叉树和一个值sum，求二叉树中节点值之和等于sum的路径的数目。路径的定义为二叉树中顺着指向子节点的指针向下移动所经过的节点，但不一定从根节点开始，也不一定到叶节点结束。例如，在如图8.5所示中的二叉树中有两条…...
dbeaver查看表，解决证书报错current license is non-compliant for [jdbc]
http://localhost:9200/_license { “license” : { “status” : “active”, “uid” : “b91ae0e0-b04d-4e20-8730-cf0bca7b2035”, “type” : “basic”, “issue_date” : “2023-02-22T14:33:27.648Z”, “issue_date_in_millis” : 1677076407648, “max_nodes” : 10…...
网络安全进阶学习第二十一课——XXE
文章目录 一、XXE简介二、XXE原理三、XXE危害四、XXE如何寻找五、XXE限制条件六、XXE分类七、XXE利用1、读取任意文件1.1、有回显1.2、没有回显 2、命令执行（情况相对较少见）3、内网探测/SSRF4、拒绝服务攻击(DDoS)4.1、内部实体4.2、参数实体 八、绕过基…...
如何将 ruby 打包类似于jdk在另一台相同架构的机器上面开箱即用
需求 目前工作中使用到了ruby作为java 项目的中转语言，但是部署ruby的时候由于环境的不同会出现安装依赖包失败的问题，如何找到一种开箱即用的方式类似于java 中的jdk内置jvm这种方式 解决 TruffleRuby 完美解决问题，TruffleRuby 是使用 T…...
vue封装独立组件：实现分格密码输入框/验证码输入框
目录 第一章 实现效果 第二章 核心实现思路 第三章 封装组件代码实现 第一章 实现效果 为了方便小编的父组件随便找了个页面演示的通过点击按钮，展示子组件密码输入的输入框通过点击子组件输入框获取焦点，然后输入验证码数字即可子组件的确定按钮是验…...
苍穹外卖--缓存菜品
1.问题说明 用户端小程序展示的菜品数据都是通过查询数据库获得，如果用户端访问量比较大，数据库访问压力随之增大 2.实现思路 通过Redis来缓存菜品数据，减少数据库查询操作。 缓存逻辑分析： ①每个分类下的菜品保持一份缓存数据…...
Robots.txt 文件
什么是robots.txt？ robots.txt 是一个位于网站根目录下的文本文件（如：https://example.com/robots.txt），它用于指导网络爬虫（如搜索引擎的蜘蛛程序）如何抓取该网站的内容。这个文件遵循 Robots…...
如何在网页里填写 PDF 表格？
有时候，你可能希望用户能在你的网站上填写 PDF 表单。然而，这件事并不简单，因为 PDF 并不是一种原生的网页格式。虽然浏览器可以显示 PDF 文件，但原生并不支持编辑或填写它们。更糟的是，如果你想收集表单数据ÿ…...
MySQL账号权限管理指南：安全创建账户与精细授权技巧
在MySQL数据库管理中，合理创建用户账号并分配精确权限是保障数据安全的核心环节。直接使用root账号进行所有操作不仅危险且难以审计操作行为。今天我们来全面解析MySQL账号创建与权限分配的专业方法。 一、为何需要创建独立账号？ 最小权限原则…...
【笔记】WSL 中 Rust 安装与测试完整记录
#工作记录 WSL 中 Rust 安装与测试完整记录 1. 运行环境 系统：Ubuntu 24.04 LTS (WSL2)架构：x86_64 (GNU/Linux)Rust 版本：rustc 1.87.0 (2025-05-09)Cargo 版本：cargo 1.87.0 (2025-05-06) 2. 安装 Rust 2.1 使用 Rust 官方安…...
uniapp 字符包含的相关方法
在uniapp中，如果你想检查一个字符串是否包含另一个子字符串，你可以使用JavaScript中的includes()方法或者indexOf()方法。这两种方法都可以达到目的，但它们在处理方式和返回值上有所不同。 使用includes()方法 includes()方法用于判断一个字…...
数据结构第5章：树和二叉树完全指南（自整理详细图文笔记）
名人说：莫道桑榆晚，为霞尚满天。——刘禹锡（刘梦得，诗豪） 原创笔记：Code_流苏(CSDN)（一个喜欢古诗词和编程的Coder😊） 上一篇：《数据结构第4章 数组和广义表》…...
大数据驱动企业决策智能化的路径与实践
📝个人主页🌹：慌ZHANG-CSDN博客 🌹🌹期待您的关注 🌹🌹 一、引言：数据驱动的企业竞争力重构 在这个瞬息万变的商业时代，“快者胜”的竞争逻辑愈发明显。企业如何在复杂环…...
react菜单，动态绑定点击事件，菜单分离出去单独的js文件，Ant框架
1、菜单文件treeTop.js // 顶部菜单 import { AppstoreOutlined, SettingOutlined } from ant-design/icons; // 定义菜单项数据 const treeTop [{label: Docker管理,key: 1,icon: <AppstoreOutlined />,url:"/docker/index"},{label: 权限管理,key: 2,icon:…...
ZYNQ学习记录FPGA(二)Verilog语言
一、Verilog简介 1.1 HDL（Hardware Description language） 在解释HDL之前，先来了解一下数字系统设计的流程：逻辑设计 -> 电路实现 -> 系统验证。 逻辑设计又称前端，在这个过程中就需要用到HDL，正文…...