#15松桑前端后花园周刊-Turborepo 2.0、ESLint v9.4.0、重新学习promise、CSS gap

⚡️行业动态

ESLint 推出了一个新的 ESLint 配置迁移器

ESLint 用户没有升级到 ESLint v9.x 的最大原因之一是迁移配置文件似乎很困难和复杂。因此 Eslint 推出@eslint/migrate-config支持将. eslintrc 文件迁移到 eslint.config.js,以帮助用户提高配置文件的速度。

WebAssembly 的 JSPI API 在Chrome 版本 M126推出新的API

JSPI 连接到 Web 体系结构中,以允许在Promise返回时挂起 WebAssembly 应用程序,并在解析了Promise后恢复该应用程序。JSPI API的改变实际上对大多数程序员来说是不可见。

Firefox130将引入一个实验性的新功能:为图像自动生成替代文本

正如在 Mozilla Connect 上所讨论的,Firefox 130将引入一个实验性的新功能,使用一个完全私有的设备上 AI 模型为图像自动生成 alt-text。这个功能将作为 Firefox 内置 PDF 编辑器的一部分提供,最终目标是让用户可以通过屏幕阅读器进行一般的浏览。

📆发布

Turborepo 2.0

Turborepo 是一个用于 JavaScript 和 TypeScript 代码库的高性能构建系统。Turborepo 2.0改善了 JavaScript 和 TypeScript 库的开发者体验,其特性包括:

  • 新的终端用户界面: 交互式任务和更清晰的日志

  • 监视模式: 对存储库中任何工具的依赖项感知任务监视器

  • 全新的文档: 核心 monorepo 概念、更新的 API 参考和生态系统工具指南

  • 许可证和维护更新: 升级到 MIT 许可证并添加长期支持策略

ESLint 9.4

ESLint v9.4.0,这是对 ESLint 的一个次要版本升级。此版本添加一个新特性:忽略IIFE立即执行函数中的no-loop-func规则,并修复了在前一版本中发现的一些 bug。

Prettier 3.3

包括对新的 Flow 特性的支持,比如组件和钩子声明。

pnpm v9.2.0

项目中如果使用 Corepack use 来要求 Corepack 更新您的本地 package.json 中packageManager字段,设置项目选择的包管理器;在执行 pnpm 脚本命令时如果其版本与 package.json 的“ packageManager”字段中的版本不完全匹配,pnpm 将失败。

📒文章

重新学习Promise

为了真正理解Promise(现代 JS 开发的一个基本组成部分) ,我们需要“对 JavaScript 如何工作以及它的局限性有一个令人惊讶的深刻理解”,作者分享了他花了几年时间才理解的所有关键内容。

htmx: 复杂解决方案时代中的简化

htmx 通过 HTML 属性提供了许多动态特性,如 Ajax 请求和页面更新,并且最近越来越受欢迎。作者解释了为什么它的简单性特别吸引人。

单页应用程序中的数据获取模式

当单页面应用程序需要从远程源获取数据时,它需要在保持响应性的同时,在经常出现的慢速查询过程中向用户提供反馈,作者列出了五种不同模式,并使用了一个真实的场景来展示它们。

DOM 树的深度如何影响页面性能

作者通过Chrome Performance 研究 DOM 树的深度如何影响页面性能。

🔥开源项目

xifangczy/cat-catch

开源的媒体嗅探浏览器插件,能够帮你筛选列出当前页面的音乐和视频资源。

💻网站

background eraser

免费、无需注册的去背景网站,简单易用。

什么值得读

互联网人的书单库,包括产品经理书单、运营书单、设计书单、技术书单、成长书单。

🌅CSS WEEKLY

CSS gap属性详解

作者对广泛支持的 CSS gap属性所解决的各种痛点进行彻底、详细的探索,附带有大量的代码示例和演示。

CSS 锚定定位基本示例介绍

这是对 CSS 锚定 API (已经在 Chrome 125中可用,还有其他应用)的一个可靠的概述,强调了它的一些缺点,以及它在创建复杂布局方面的成功之处。

CSS 九种长度单位

一个全面的指南,涵盖九种长度类型,CSS 使用大小的尺寸,空间,时间,甚至声音方面的元素。

💎资源

vanillawebprojects

使用 HTML5、 CSS 和 JavaScript 构建的迷你项目,没有使用框架或库。一共 20多个免费项目,非常适合新手入门练习。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/pingmian/25908.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Web 自动化测试(基于Pytest极简)

Pytest 初体验 在使用 Python 进行 Web UI 自动化测试时,我们除了使用 unittest 单元测试框架,还可以使用 pytest,本节实验就给大家简单的介绍一下 pytest。 环境配置 本系列实验我们借助 VS Code 工具编写代码,使用的 Python …

Elasticsearch-经纬度查询(8.x)

目录 一、开发环境 二、pom文件 三、ES配置文件 四、ES相关字段 五、ES半径查询 ES的字段类型:geo_point,可以实现以一个点为中心的半径查询(geo_distance query) ES 地里位置查询: 半径查询(geo_distance query)查询指定矩形内的数据(geo_bounding_box quer…

管理数据必备;侦听器watch用法详解,vue2与vue3中watch的变化与差异

目录 一、侦听器(watch)是什么? 二、Vue2中的watch(Options API) 2.1、函数式写法 2.2、对象式写法 ①对象式基础写法 ②回调函数handler ③deep属性 ④immediate属性 三、Vue3中的watch 3.1、向下兼容&#xff…

C++面向对象程序设计 - 输入输出流进一步研究

在C中&#xff0c;输入输出流&#xff08;I/O&#xff09;是一个强大的特性&#xff0c;它允许程序与各种输入/输出设备&#xff08;如键盘、显示器、文件等&#xff09;进行交互。C标准库中的<iostream>头文件定义了基本的输入输出流类&#xff0c;如std::cin&#xff0…

搭建RocketMQ主从异步集群

搭建RocketMQ主从异步集群 1、RocketMQ集群模式 为了追求更好的性能&#xff0c;RocketMQ的最佳实践方式都是在集群模式下完成的。RocketMQ官方提供了三种集群搭建方式&#xff1a; 2主2从异步通信方式&#xff1a;使用异步方式进行主从之间的数据复制。吞吐量大&#xff0c;…

665. 非递减数列(中等)

665. 非递减数列 1. 题目描述2.详细题解3.代码实现3.1 Python3.2 Java 1. 题目描述 题目中转&#xff1a;665. 非递减数列 2.详细题解 判断在最多改变 1 个元素的情况下&#xff0c;该数组能否变成一个非递减数列&#xff0c;一看到题目&#xff0c;不就是遍历判断有几处不…

现实转虚拟:Video2Game引领3D互动体验

在当今数字化时代&#xff0c;虚拟环境的创建对于游戏开发、虚拟现实应用和自动驾驶模拟器等多个领域至关重要。然而&#xff0c;传统的虚拟环境创建过程不仅复杂而且成本高昂&#xff0c;通常需要专业人员和专业软件开发工具的参与。例如&#xff0c;著名的《侠盗猎车手V》以其…

GUI编程02-布局管理器

流式布局 FlowLayout 东西南北中 BorderLayout 表格布局 GridLayout 流式布局 package YMP.GUI; ​ import java.awt.*; import java.awt.event.WindowAdapter; import java.awt.event.WindowEvent; ​ public class TestFlowLayout {public static void main(String[] args…

QSlider样式示例

参考代码&#xff1a; /********************QSlider横向滑动条样式**********************/ QSlider {background-color: rgba(170, 255, 255, 100); /* 设置滑动条主体*/ }QSlider::groove:horizontal {border: 1px solid #999999;height: 8px; /* 默认…

猫头虎分享已解决Bug || Uncaught TypeError: Cannot set property ‘innerHTML‘ of null**

猫头虎分享已解决Bug || Uncaught TypeError: Cannot set property ‘innerHTML’ of null** 原创作者&#xff1a; 猫头虎 作者微信号&#xff1a; Libin9iOak 作者公众号&#xff1a; 猫头虎技术团队 更新日期&#xff1a; 2024年6月6日 博主猫头虎的技术世界 &#x…

【InternLM实战营第二期笔记】07:OpenCompass :是骡子是马,拉出来溜溜

文章目录 课程实操 课程 评测的意义是什么呢&#xff1f;我最近也在想。看到这节开头的内容后忽然有个顿悟&#xff1a;如果大模型最终也会变成一种基础工具&#xff08;类比软件&#xff09;&#xff0c;稳定或可预期的效果需要先于用户感知构建出来&#xff0c;评测 case 就…

创新案例|创新实时零售模式,千亿时尚巨头Shein的全球扩张之路

SHEIN&#xff0c;一家估值千亿美元的快时尚电商独角兽&#xff0c;是全球增长最快的服饰平台。它通过数据和平台的双轮驱动&#xff0c;构建了全新的“实时零售”模式&#xff0c;实现了数据与商业的紧密衔接。同时&#xff0c;通过领导力和组织能力建设&#xff0c;打造了独特…

两句话让LLM逻辑推理瞬间崩溃!!

一道简单的逻辑问题&#xff0c;竟让几乎所有的LLM全军覆没&#xff1f; 对于人类来说&#xff0c;这个名为「爱丽丝梦游仙境」&#xff08;AIW&#xff09;的测试并不算很难—— 「爱丽丝有N个兄弟&#xff0c;她还有M个姐妹。爱丽丝的兄弟有多少个姐妹&#xff1f;」 稍加思考…

LabVIEW开发实验室超导体电流特性测试系统

本系统旨在为学校实验室提供一个基于LabVIEW的超导体电流特性测试平台&#xff0c;通过精确测量超导体在不同温度和电流条件下的电学特性&#xff0c;帮助学生和研究人员深入理解超导体的物理性质。本文将从背景、目标、工作原理、使用方法、操作流程和注意事项等方面详细介绍该…

汇编语言作业(六)

目录 一、实验目的 二、实验内容 三、实验步骤以及结果 四、实验结果与分析 五、实验总结 一、实验目的 掌握加减法运算指令对各状态标志位的影响及测试方法掌握汇编语言长整数的加法的操作方法 二、实验内容 对于以下几组数&#xff0c; 087H和034H 0C2H和5FH 0F3H和0F3H&am…

「网络原理」三次握手四次挥手

&#x1f387;个人主页&#xff1a;Ice_Sugar_7 &#x1f387;所属专栏&#xff1a;计网 &#x1f387;欢迎点赞收藏加关注哦&#xff01; 三次握手&四次挥手 &#x1f349;连接管理&#x1f34c;三次握手&#x1f34c;意义&#x1f34c;四次挥手&#x1f34c;TCP 状态转换…

【web本地存储】storage事件,StorageEvent对象介绍

storage事件 Web Storage API 内建了一套事件通知机制&#xff0c;当存储区域的内容发生改变&#xff08;包括增加、修改、删除数据&#xff09;时&#xff0c;就会自动触发storage事件&#xff0c;并把它发送给所有感兴趣的监听者&#xff0c;因此&#xff0c;如果需要跟踪存…

Flink⼤状态作业调优实践指南:状态报错与启停慢篇

摘要&#xff1a;本文整理自俞航翔、陈婧敏、黄鹏程老师所撰写的大状态作业调优实践指南。由于内容丰富&#xff0c;本文分享终篇状态报错与启停慢篇&#xff0c;主要分为以下四个部分&#xff1a; 检查点和快照超时的诊断与调优 作业快速启动和扩缩容方案 总结 阿里云企业级…

creo学习一

设置好当前配置后&#xff0c;导出config配置文件&#xff0c;并覆盖掉此路径下的旧文件&#xff0c;使得新配置永久生效&#xff0c;这样每次打开软件都是新配置的设置&#xff1a; 系统颜色的导出&#xff1a; 打开版本的问题&#xff1a; 不能有弱尺寸&#xff1a; 注意&a…

分享一个 .NET Core Console 项目中应用 NLog 写日志的详细例子

前言 日志在软件开发中扮演着非常重要的角色&#xff0c;通常我们用它来记录应用程序运行时发生的事件、错误信息、警告以及其他相关信息&#xff0c;帮助在调试和排查问题时更快速地定位和解决 Bug。 通过日志&#xff0c;我们可以做到&#xff1a; 故障排除和调试&#xff…