视野修炼-技术周刊第46期

简介: 🔥强烈推荐1. killport - 优雅的结束占用端口的进程一个 Rust 语言写的命令行程序,可以杀死占用指定端口的进程。通常我们在开发过程中,会遇到端口被占用的情况常规方式需要如下两步(① 查找占用端口的进程 ② 杀死进程)

🔥强烈推荐

1. killport - 优雅的结束占用端口的进程

一个 Rust 语言写的命令行程序,可以杀死占用指定端口的进程。

通常我们在开发过程中,会遇到端口被占用的情况

常规方式需要如下两步(① 查找占用端口的进程 ② 杀死进程)

image.png

使用 killport 可以一步到位,直接杀死占用端口的进程

       image.png                                      

工具安装也非常简单

curl -sL https://bit.ly/killport | sh

非常实用的工具,推荐大家使用,杠杠的提效

2. 两个值得关注的stage3的提案

       image.png                                      

  1. Promise.withResolvers

很多场景下我们希望在 new Promise 外部访问 resolvereject,当下的方式是通过定义外部变量的形式解决

let resolve, reject;
const promise = new Promise((res, rej) => {
  resolve = res;
  reject = rej;
})
// 其它逻辑里调用 resolve 和 reject

我们可以使用 Promise.withResolvers 来更优雅的解决这个问题

const { promise, resolve, reject } = Promise.withResolvers();
  1. Array Grouping

从名称就很容易看出来是做数组分组的,目前我们大部分情况是通过 reduce 来实现分组

const array = [1, 2, 3, 4, 5];
array.reduce((acc, num) => {
  const key = num % 2 === 0 ? 'even': 'odd';
  acc[key] = acc[key] || [];
  acc[key].push(num);
  return acc;
}, {});

通过这个提案可以更优雅的实现

const array = [1, 2, 3, 4, 5];
Object.groupBy(array, (num, index) => {
  return num % 2 === 0 ? 'even': 'odd';
});
// =>  { odd: [1, 3, 5], even: [2, 4] }

大家现在也可在生产中通过 core-js 的 polyfill 实现使用这个特性

🔧开源工具&技术资讯

3. Chrome 115 有哪些值得关注的新特性?

扫了一眼,感觉 CSS display 多值语法挺有意思

允许分别指定内外两个 display 类型。

/* 创建一个块级容器,具有 Flex 子元素。 */
.box {
    display: block flex;
}
/* 创建一个内联容器,具有 Flex 子元素。 */
.box2 {
    display: inline flex;
}

4. pkg-size - 在线分析npm包大小

基于 WebContainers ,在浏览器环境下运行Node安装npm包,实现的包大小在线分析工具

       image.png                                      

5. pnpm 下载量远超 yarn

       image.png                                      

2023了,除了迁移不动老项目,大部分项目都使用上pnpm了

又节省磁盘空间,安装依赖又快

6. Dan 即将从Meta React团队离职

Dan AbramovReact.js 核心开发者Redux 作者

       image.png                                      

image.png

🤖AI工具&资讯

7. Meta 开源 Llama 2 大模型

       image.png                                      

目录
打赏
0
0
0
0
4
分享
相关文章
新入互联网职场必考的6个大数据证书!含金量高+门槛低,新手速看
先选方向,再考证书:别盲目跟风!比如想做数据分析就优先考CDA,想进云计算赛道选阿里云。 实战>证书:证书只是敲门砖,企业更看重你的项目经验。考完证立刻用真实数据练手(如Kaggle竞赛)。 性价比至上:学生党优先选免费/低价证书(如IBM Data Science),工作党可冲高含金量证书(如CAIE)。
CentOS8 安装 MySQL8.0(RPM)
环境:Linux centos8 4.18.0-80.el8.x86_64、Mysql8.0.18
8817 0
超越传统数据库:揭秘Flink状态机制,让你的数据处理效率飞升!
【8月更文挑战第26天】Apache Flink 在流处理领域以其高效实时的数据处理能力脱颖而出,其核心特色之一便是状态管理机制。不同于传统数据库依靠持久化存储及 ACID 事务确保数据一致性和可靠性,Flink 利用内存中的状态管理和分布式数据流模型实现了低延迟处理。Flink 的状态分为键控状态与非键控状态,前者依据数据键值进行状态维护,适用于键值对数据处理;后者与算子实例关联,用于所有输入数据共享的状态场景。通过 checkpointing 机制,Flink 在保障状态一致性的同时,提供了更适合流处理场景的轻量级解决方案。
179 0
通向赛博未来:EchoMimicV2 半身数字人生成
EchoMimicV2 是蚂蚁集团支付宝终端算法数据技术团队的一项数字人技术开源项目。
1392 0
< 了解 HTTP 这一篇就够了 :什么是 HTTP ?HTTP 和 HTTPS 有什么区别 ? >
在前端开发中,是和浏览器打交道最为频繁的行业之一。但是大部分卷王们,可能仅仅是知道如何使用浏览器,只是知道 URL 跳转到浏览器变成一个完整的网页。 本篇文章将讲述 什么是HTTP、 HTTP 和 HTTPS的区别 及 URL 是如何渲染到页面。 那么到这里,肯定会有人问: 那我们为什么要学习这个呢 ? 问得好,这个分为两方面: 一是学习上述内容,能够厚实我们的理论基础。有些内容,虽然用的不多,但是技多不压身,道理懂吧? 二是学习这个,对我们后续的性能优化、排查浏览器上某些错误 的能力都有提升!
885 0
< 了解 HTTP 这一篇就够了 :什么是 HTTP ?HTTP 和 HTTPS 有什么区别 ? >
CSDN技术大会
其实在上周就收到了csdn相关人员的参会确认电话,今天早上查收邮件没有收到相关信息,没想到来了一个电话,提醒别忘了周五参会,她说补发邮件已不大可能,可以带名片过去,那边有名单可确认。
525 0
kde
|
5天前
|
Docker镜像加速指南:手把手教你配置国内镜像源
配置国内镜像源可大幅提升 Docker 拉取速度,解决访问 Docker Hub 缓慢问题。本文详解 Linux、Docker Desktop 配置方法,并提供测速对比与常见问题解答,附最新可用镜像源列表,助力高效开发部署。
kde
3160 8
国内如何安装和使用 Claude Code镜像教程 - Windows 用户篇
国内如何安装和使用 Claude Code镜像教程 - Windows 用户篇
573 1
Dify MCP 保姆级教程来了!
大语言模型,例如 DeepSeek,如果不能联网、不能操作外部工具,只能是聊天机器人。除了聊天没什么可做的。
844 9
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等

登录插画

登录以查看您的控制台资源

管理云资源
状态一览
快捷访问