前端食堂技术周刊第 63 期:Vite 4.0、State of CSS 2022、Rome v11、Web 性能日历、VueConf 2022 PPT

news2024/11/30 10:53:20

美味值:🌟🌟🌟🌟🌟

口味:霜糖山楂

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

本期摘要

  • Vite 4.0
  • State of CSS 2022 调查结果
  • Rome v11
  • HTMHell Advent Calendar 2022
  • Web 性能日历
  • VueConf 2022 PPT
  • 用于安全发布和安全消费的新 npm 功能

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

技术资讯

1. Vite 4.0

  • 升级 Rollup 3
  • 新增 @vitejs/plugin-react-swc,在构建时使用 esbuild,开发时用 SWC 替换 Babel
  • 现代浏览器的构建目标默认为 safari14
  • 升级 dotenv 16、dotenv-expand 9
  • CLI 快捷键
  • 预构建支持 patch-package
  • 优化构建日志输出,单位切换到 kB
  • 改进 SSR 期间的错误信息
  • 与 Vite 3.2.5 相比,Vite 4 的安装包大小减少了 23%
  • plugin 包移出 core 仓库

2. State of CSS 2022 调查结果

下面是 Lea Verou 的一些总结,关于特性、框架、CSS in JS 等部分的具体内容大家可以移步去看报告。

  • Interop 2022 将浏览器组织到一起,将“不可能”变为了“正在发生”,比如父选择器(:has())和容器查询(@container)(多年来受到性能的影响一直未实现,如今变为可能)。
  • Subgrid 也在积极被实施和支持
  • 2023 预测:原生支持嵌套、颜色处理相关(color(), lab(), lch(), oklab(), oklch()、color-mix())

3. Rome v11

  • 支持 TS 4.9 satisfies
  • 支持分号可选配置
  • 引入 4 个新的 Lint 规则,并将规则分为三组:性能(performance)、正确(correctness)、可疑(suspicious)
  • 更改抑制 Lint 的注释写法,并试验性支持(自动导入抑制 Lint 注释)Suppression Code Action 、导入排序(Import Sorting)

下面我们来看技术资料。

技术资料

1. HTMHell Advent Calendar 2022

HTMHell 降临节日历再度来袭,从 12 月 1 日到 12 月 24 日,每天更新一篇新的文章。作者来自世界各地,内容关于可访问性、性能和安全性等。

2. Web 性能日历

去年的 12 月也推荐过这个 Web 性能日历,2022 年也可以开始追更啦。

3. VueConf 2022 PPT

PPT 合辑出炉,回放也都能看了。

4. 用于安全发布和安全消费的新 npm 功能

更细粒度的访问令牌、2FA 功能增强,进一步提升安全性。Code explorer 付费功能免费开放,可以在 npm 门户站点查看包内容。

好文推荐

下面来看一下好文推荐,本周推荐的好文是:

  1. 哔哩哔哩 Web 首页重构——回首2021

  2. 西瓜业务是如何从 0-1 建设 SEO 的

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

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

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

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

相关文章

虚幻引擎VR游戏开发基础教程

虚幻引擎VR游戏开发基础教程 了解如何使用 Oculus Quest 2 的蓝图在虚幻引擎 4 中从头开始构建基本的 VR 机制 课程英文名:Unreal Engine VR Development Fundamentals 此视频教程共4.0小时,中英双语字幕,画质清晰无水印,源码附…

推荐一些Python练手项目,了解完毕后才吃惊

前言 入门篇: 0.Python初学者一般都是那些根本没有编程基础的学生。做这个项目,你应该首先开始基本语法。教程中的几个实验可以让完全零基础的学生在一个下午学习Linux、python基础知识和GitHub命令。 1.Python-Python 图片转字符画50 行 Python 代码…

web前端期末大作业网页设计与制作 ——汉口我的家乡旅游景点 5页HTML+CSS+JavaScript

家乡旅游景点网页作业制作 网页代码运用了DIV盒子的使用方法,如盒子的嵌套、浮动、margin、border、background等属性的使用,外部大盒子设定居中,内部左中右布局,下方横向浮动排列,大学学习的前端知识点和布局方式都有…

JDBC 入门

目录1 JDBC 快速入门1.1 JDBC 的概念1.2 JDBC 快速入门2 JDBC 功能类详解2.1 DriverManager2.2 Connection2.3 Statement2.4 ResultSet3 JDBC 工具类4 SQL 注入攻击5 JDBC 事务5.1 JDBC 管理事务6 连接池6.1 数据库连接池的概念6.2 自定义数据库连接池6.2.1 DataSource6.2.2 归…

嵌入式:ARM存储器组织、协处理器及片上总线

文章目录ARM存储器组织ARM存储数据类型和存储格式ARM的存储器层次简介存储器管理单元MMUARM协处理器ARM片上总线AMBAARM存储器组织 ARM存储数据类型和存储格式 ARM处理器支持以下6种数据类型 8位有符号和无符号字节。16位有符号和无符号半字,它们以两字节的边界定…

字符串匹配问题(KMP)

文章目录题目KMP 算法1)例子演示2)KMP算法思路3)疑惑模型验证4)求 next 数组5)代码演示6)复杂度分析题目 有字符串 str1 和 str2 ,str1 中是否包含 str2,如果没有包含返回 -1&#…

电商行业用天翎低代码平台做客服管理系统

编者按:在市场竞争越来越激烈的今天,客服作为电商行业的重要组成部分,如何科学管理成为企业管理层不可避免的难题,做好客服管理对企业具有重要意义。本文通过唯品会金牌客服管理系统案例介绍了低代码平台在定制化和快速落地的特点…

python tkinter 登录 计算器

使用tkinter开发图形化小项目: 功能: 登录 :登录成功 跳转到 计算器 页面,否则登录失败计算器 :登录成功后,窗口标题栏显示当前登录的用户 技术: 面向对象标准模块SQLite数据库登录成功后页…

SpringCloud MQ介绍与使用

哈喽~大家好,这篇来看看SpringCloud MQ介绍与使用。 🥇个人主页:个人主页​​​​​ 🥈 系列专栏:【微服务】 🥉与这篇相关的文章: SpringCloud Sentinel 使用…

基于Python+Django的银行取号排队系统 毕业设计

随着信息技术和网络技术的飞速发展,人类已进入全新信息化时代,传统管理技术已无法高效,便捷地管理信息。为了迎合时代需求,优化管理效率,各种各样的管理系统应运而生,各行各业相继进入信息管理时代&#xf…

clickhouse集群搭建、SpringBoot集成及应用

前言 在日常工作中,日志查询是我们不可避免的业务场景,当项目访问量较小时,我们可以将日志存储在MySQL或其他行式数据库中,但是如果项目访问量很大,一次查询就会给数据库带来很大压力,也许你会采用elk等成…

测试框架Pytest-pytest测试用例的运行实操

一、单元测试框架 1、什么是单元测试框架 单元测试是指在软件开发当中,针对软件的最小单位(函数、方法)进行正确性的检查测试。 2、单元测试框架 java:junit和testing python:unittest和pytest 3、单元测试框架主要做什么&a…

基于JSON的SQL注入攻击触发需要更新Web应用程序防火墙

©网络研究院 安全研究人员开发了一种通用的 SQL 注入技术,可以绕过多个 Web 应用程序防火墙 (WAF)。问题的核心是 WAF 供应商未能在 SQL 语句中添加对 JSON 的支持,从而使潜在的攻击者可以轻松隐藏其恶意负载。 Claroty Team82 的研究人员发现的绕…

绿盟SecXOps安全智能分析技术白皮书 思路方案

安全数据资产 统一管理DataOps,即 Data 和 Operations 的集成,于 2014 年首次提出。Gartner 将 DataOps 定义为“一种协作性的数据管理 实践,专注于改进组织内数据管道的通信、集成和自动化”[7]。DataOps 是一种面向流程的自动化方法&#x…

【C++笔试强训】第六天

文章目录选择题编程题选择题 1.十进制变量i的值为100&#xff0c;那么八进制的变量i的值为&#xff08;&#xff09; A 146 B 148 C 144 D 142 进制之间的转化&#xff0c;这不用多说了把 2.执行下面语句后的输出为 int I1; if(I<0)printf("****\n") ; els…

大数据Kudu(四):Kudu集群搭建

文章目录 Kudu集群搭建 一、kudu 安装包 二、节点规划及安装 1、首先在每个节点上传安装包 2、在node1、node2节点上安装如下rpm安装包 3、在node3节点上安装如下rpm安装包 4、配置Master Server 5、配置Tablet Server 6、Master节点配置所有Master Server 7、Server…

对DataFrame中元素进行定位并修改的DataFrame.iat[]方法

【小白从小学Python、C、Java】 【计算机等级考试500强双证书】 【Python-数据分析】 根据指定的行和列的位置号 显示或修改DataFrame中相应位置的元素 DataFrame.iat[x,y] 选择题 关于以下python代码说法错误的一项是? import pandas as pd df pd.DataFrame({"A"…

手把手教你搭建自己的FTP文件服务器

大家好&#xff0c;我是小豪&#xff0c;今天我来给大家分享如何在虚拟机上搭建自己的文件服务器 文章目录Linux上安装文件服务器FTP安装VSFTP下载dnf下载VSFTP清除防火墙的iptables缓存下载FTP匿名访问模式本地用户模式Linux上安装文件服务器FTP 由于FTP、HTTP、Telnet等协议…

【阿里实践】基于深度学习的个性化推荐系统实时化改造与升级

省时查报告-专业、及时、全面的行研报告库省时查方案-专业、及时、全面的营销策划方案库【免费下载】2022年11月份热门报告盘点推荐技术在vivo互联网商业化业务中的实践.pdf推荐系统基本问题及系统优化路径.pdf大规模推荐类深度学习系统的设计实践.pdf荣耀推荐算法架构演进实践…

doom emacs如何安装新插件和自定义快捷键

doom emacs如何安装新插件和自定义快捷键 最近在学习和使用doom emacs&#xff0c;遇到了2个问题。 问题1: 虽然doom emacs已经配置了很多的三方插件&#xff0c;但是还有些个性化的插件如何按doom风格添加&#xff1f; 问题2: 有些快捷键自己已经熟悉&#xff0c;如何修改&am…