前端食堂技术周刊第 67 期:2022 State of JS、ESLint 2022、pnpm 2022、大淘宝 Web 端技术概览

news2024/11/27 11:50:42

美味值:🌟🌟🌟🌟🌟

口味:东北大饭包

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

本期摘要

  • 2022 State of JS 结果出炉
  • ESLint 2022 年终总结
  • pnpm 2022 年终总结
  • 大淘宝 Web 端技术概览
  • 主流时间库横向对比
  • 给 Node.js 开发者的 Golang 教程
  • 2022 CodePen 最受欢迎的 Pens
  • 改进 Core Web Vitals 的最佳实践

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

技术资讯

1. 2022 State of JS 结果出炉

State of JS 结果终于出炉,看看有多少你没听过的技术和开发者?我认为如果 95% 你都关注的话,你已经有了一个不错的前端技术视野了。

2. ESLint 2022 年终总结

  • 网站重构
  • 新的配置系统
  • 支持 ES2022
  • 收入与支出
  • 资金支持附属项目和生态系统
  • 重写 ESLint

3. pnpm 2022 年终总结

2022 年新增的主要特性:

  • symlinkless hoisted node_modules
  • side-effects-cache
  • pnpm patch
  • Time-based resolution
  • pnpm licenses list

下面我们来看技术资料。

技术资料

1. 大淘宝 Web 端技术概览

淘宝 Web 技术地图和技术产品介绍。

2. 主流时间库横向对比

文章对比了 Native Date、Moment.js、Day.js、Date-fns 等时间库的优缺点,并给出以下结论:

  • Native Date 无法直接解析自定义格式的时间字符串,且容易引入时区问题。(不推荐)
  • Moment.js 包体积过大,且时间对象存在 mutable 问题,源代码也早已停止维护。(不推荐)
  • Day.js 克服了 moment.js 的缺陷,且 api 与 moment.js 高度吻合,从 moment.js 迁移成本低。但是部分功能需要通过插件引入。(推荐在不涉及 UTC 时间的情况下使用)
  • Date-fns 同样克服了 moment.js 的缺陷,并支持 tree-shaking,单独使用某些功时,引入的包体积甚至小于 day.js。但需要从目标目录导入所需的工具函数,上手难度大。在引入了多种工具函数或涉及解析时间字符串时,还会导致包体积过大。(推荐存在轻度需求时使用)

3. 给 Node.js 开发者的 Golang 教程

提供大量语法示例对比,提升你的学习效率。

4. 2022 CodePen 最受欢迎的 Pens

CodePen 年度 Top 100 Pens 出炉。

5. 改进 Core Web Vitals 的最佳实践

Chrome DevRel 团队总结了在当下提高 Core Web Vitals 性能的最佳实践集合,包含 LCP、CLS、FID、INP、TTFB 等。

随机 MDN

  • Pointer events

周刊赞助

整理周刊要花费大量的精力和时间,你可以通过以下方式支持我:

  • 将食堂分享给你的朋友;
  • 订阅食堂的竹白付费专栏(食堂为你准备了专属的会员通讯,以及前端食堂数字花园知识库的访问权限)。

订阅地址:https://hungryturbo.zhubai.love/

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

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

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

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

相关文章

Win10注册表损坏进不了系统怎么U盘重装系统?

Win10注册表损坏进不了系统怎么U盘重装系统?有用户电脑提示注册表损坏,自己进行了系统的重新启动之后,遇到了电脑无法正常启动进行系统桌面的情况。那么遇到这样的情况,我们怎么去进行U盘重装系统呢?一起来看看具体的操…

ZIP压缩文件如何加密?忘记密码怎么办?

ZIP是常用的压缩文件格式之一,除了方便传输、节省空间,还能通过设置密码来保护文件。 设置ZIP文件的密码保护需要用到压缩软件,下面先说说最常用的WinRAR是如何设置ZIP文件的密码。 方法一: 我们可以压缩文件的同时设置密码&am…

core-js常见于qiankun中的多份polyfill冲突问题

问题 开门见山,你可能会在 qiankun 等微前端体系中,有多个子应用时,发生这样的加载崩溃问题: Cannot redefine property: DEG_PER_RAD Cannot redefine property: RAD_PER_DEG 实际上 DEG_PER_RAD 和 RAD_PER_DEG 都是 Math 上的…

Android面经_111道安卓基础问题(四大组件Activity、Service篇)

111道Android面试基础题目,巩固基础作用。 Android基础问题——四大组件之Activity、Service1、Activity1.1、请介绍activity的生命周期1.1.1、生命周期回调之onCreate()1.1.2、生命周期回调之onStart()1.1.3、生命周期回调之onResume()1.1.4、生命周期回调之onPaus…

【java】java多线程及线程池面试题

目录前言线程是什么?多线程是什么?多线程的作用和好处以及缺点守护线程和用户线程并发和并行的区别一.线程的状态和常用方法1.线程各种状态转化图2.线程相关常用方法有① wait()② sleep(long timeout)③ join()④ yield()⑤ notify()和notifyAll()3.wai…

全流量分析为企业提升SAP用户体验

前言 某汽车总部已部署NetInside流量分析系统,使用流量分析系统提供实时和历史原始流量,重点针对SAP系统性能进行分析,以供安全取证、应用事务分析、网络质量监测以及深层网络分析。 本次分析报告包含:SAP系统性能分析。 分析对…

【北京理工大学-Python 数据分析-3.2Pandas数据特征分析】

对一组数据的理解 数据摘要:通过以下方法:有损地提取数据特征的过程。 基本统计(含排序)分布/累计统计数据特征相关性周期性等数据分析 Pandas库的数据排序 .sort_index(axis0,asccendingTrue)。.sort_index()方法在指定轴上根…

Tomcat 三种简单网站部署方式

Tomcat 服务部署 1、隐式部署 为什么可以隐式部署,是因为 Tomcat 配置了默认主机 webapps,在 Engine 下你也可以配置其他主机(要保证你配置的主机在 ect/host 下有对应关系),但是 appBase 要确保唯一。保证每台主机下…

Effective C++条款40:明智而审慎地使用多重继承(Use multiple inheritance judiciously)

Effective C条款40:明智而审慎地使用多重继承(Use multiple inheritance judiciously)条款40:明智而审慎地使用多重继承1、多重继承的两个阵营2、多重继承中,接口调用的歧义性3、菱形继承与虚(virtual)继承3.1 菱形继承…

注意力FM模型AFM

1. 概述 在CTR预估任务中,对模型特征的探索是一个重要的分支方向,尤其是特征的交叉,从早起的线性模型Logistic Regression开始,研究者在其中加入了人工的交叉特征,对最终的预估效果起到了正向的效果,但是人…

华为MPLS跨域C1方案实验配置

目录 配置接域内IGP路由协议与LDP协议 配置IPv4的BGP邻居 配置PE之间的Vpnv4邻居 配置PE与CE设备对接命令 ASBR上手工为PE地址分配标签 MPLS隧道——跨域解决方案C1、C2讲解_静下心来敲木鱼的博客-CSDN博客_route-policy rr permit node 10 if-match mpls-labelhttps://bl…

IB地理课选课指南,SL还是HL适合呢?

IB地理科的标准级别(Standard Level, SL)课程跟高级级别(Higher Level,HL)课程的最大不同处在于,考卷的数量跟题目的数量是不同的。可是,两者之间的教学内容和科目指引(S…

二十八、Kubernetes中job详解

1、概述 在kubernetes中,有很多类型的pod控制器,每种都有自己的适合的场景,常见的有下面这些: ReplicationController:比较原始的pod控制器,已经被废弃,由ReplicaSet替代 ReplicaSet&#xff…

CentOS 7 升级安装 Python 3.9 版本

由于 yum install python3 默认安装的 Python 版本较低,现如今有更高版本的 Python 需求,就想用编译安装的方法安装一个较高版本的 Python,顺道记录一下安装过程。 注意:不要卸载自带的 python2,由于 yum 指令需要 pyt…

idea中代码git的版本穿梭Git Rest三种模式详解(soft,mixed,hard)

使用Git进行版本控制开发时难免会遇到回顾的情况,这里来解释下该如何正确的回滚 文章目录1.本地仓库回滚2.远程仓库回滚2.1错误案例2.2正确操作3.代码提交到错误的分支解决4.Git Rest三种模式详解(soft,mixed,hard)4.1操作演示reset --hard&a…

【论文简述】FlowFormer:A Transformer Architecture for Optical Flow(ECCV 2022)

一、论文简述 1. 第一作者:Zhaoyang Huang、Xiaoyu Shi 2. 发表年份:2022 3. 发表期刊:ECCV 4. 关键词:光流、代价体、Transformer、GRU 5. 探索动机:现有的方法对代价体的信息利用有限。 6. 工作目标&#xff1…

RabbitMQ 部署及配置详解(集群部署)

RabbitMQ 集群是一个或 多个节点,每个节点共享用户、虚拟主机、 队列、交换、绑定、运行时参数和其他分布式状态。一、RabbitMQ 集群可以通过多种方式形成:通过在配置文件中列出群集节点以声明方式以声明方式使用基于 DNS 的发现以声明方式使用 AWS &…

Java中的LinkedList

文章目录前言一、LinkedList的使用1.1 什么是LinkedList1.2 LinkedList的使用1.2.1 LinkedList的构造1.2.2 LinkedList的其他常用方法介绍1.2.3 LinkedList的遍历二、LinkedList的模拟实现三、ArrayList和LinkedList的区别总结前言 上一节中我们讲解了Java中的链表&#xff0c…

vue3.0中echarts实现中图地图的省份切换,并解决多次切换后地图卡死的情况

一、echarts安装及地图的准备 1、安装echarts npm install echarts2、下载china.js等json文件到项目中的文件夹 map的下载地址&#xff1a; 等审核 二、代码说明 <template><div class"center-body"><div class"map" id"map"…

fork函数详解

文章目录fork函数例子详解工作原理GDB 多进程调试fork函数 fork系统调用用于创建一个新进程&#xff0c;称为子进程&#xff0c;它与进程&#xff08;称为系统调用fork的进程&#xff09;同时运行&#xff0c;此进程称为父进程。创建新的子进程后&#xff0c;两个进程将执行fo…