前端周刊第三十三期

news/2024/4/26 16:55:03/文章来源:https://www.cnblogs.com/xiyangbaixue/p/16633426.html

前端周刊发表每周前端技术相关的大事件、文章教程、一些框架的版本更新、以及代码和工具。每周定期发表,欢迎大家关注、转载。
如果外链不能访问,关注公众号前端每周看,里面有解决办法

大事件

  • 当可替代的JS运行环境成熟时:Deno将发生重大变化,Bun 的创造者 Jarred Sumner成立了Oven—— 我们认为应该将两个不同的故事放在一起,因为它们提供了一个关于替代服务器端 JavaScript 运行时的开发,这些运行时不是Node.js,并且都在追求重叠的市场。Deno 的大新闻是他们正在努力提高 npm 的兼容性,并且很快 Deno 将能够使用大多数npm 模块(Deno 1.25已经发布了预览版)。与此同时,Bun 的创造者 Jarred Sumner 回应了我们的双关语祈祷,成立了Oven,一家支持 Bun 发展的公司,并已为此筹集了 700 万美元。

  • 关于 JS 的未来特性——Hemanth 是 TC39 代表,主持流行的TC39er 播客。在这个 25 分钟的演讲中,他简要介绍了各种当前的语言建议、它们的进展以及它们为何重要。

  • TypeScript 4.8 发布——JavaScript 的类型化超集继续流行。4.8 与其说是一场革命,不如说是一次次要的演变,但在推理、正确性和一致性、文件监视以及重建的严重加速方面做出了改进。

  • Crawlee:用于 Node.js 的新 Web 抓取/自动化库——看到一个新项目大张旗鼓地启动总是很不错的。Crawlee 获得了3 分钟的介绍性截屏视频、发布帖子和漂亮的主页。它建立在Puppeteer 和 Playwright 之类的基础之上,但可以处理代理、重试、蜘蛛、围绕块工作等。

文章

  1. 了解 React 重新渲染的时间和原因 — 如果您想从 React 应用程序中获得最佳性能,围绕渲染的过程非常重要,因此首先要了解React 重新渲染的原因和时间。

  2. 需要重新考虑的流行 Node.js 模式和工具? — Yoni 因其在Node 最佳实践编目方面的工作而闻名(当然值得一看!)但他认为我们应该随着时间的推移反思根深蒂固的方法。在这里,他提出了重新考虑的 9 种常见方法。

  3. 将Gatsby介绍为“响应式站点生成器”? — Gatsby 的新重点是使团队能够使用新架构快速部署内容,他们说这种架构允许 Gatsby Cloud 在不到一秒的时间内发布到其 CDN。这篇文章将 Gatsby 的“反应式站点生成”(RSG)方法与大多数传统方法进行了对比。

框架发布

  1. Solid 1.5 – 声明性和灵活的 JS UI 库。
  2. Fiddle 0.30 - 电子游乐场工具。
  3. Capacitor 4.1 - 跨平台的 JS 原生应用平台。
  4. Focus Trap 7.0 – 将焦点捕获在 DOM 节点(例如模式)中。
  5. Electron Packager 16.0 – 自定义和打包 Electron 应用程序。
  6. DOMPurify 2.4 – 用于 HTML 和 SVG 的快速、宽容的 XSS 清理器。
  7. vue-advanced-chat 2.0 – 不可知的聊天室组件。
  8. Soketi 1.4 – Node 上快速、有弹性的 WebSocket 服务器。
  9. Mineflayer 4.4 – 创建 Minecraft 机器人的 API。
  10. calendar-base 2.0 – 生成日历的基本方法。

代码和工具

  1. pico.js: 200 行 JS中的人脸检测库:基于 C 的人脸检测库的作者已将手转向 JavaScript,这就是最终结果。有一个运行良好的现场演示,链接的帖子详细解释了它是如何工作的。

  2. GopherJS: A Go(lang) to JavaScript Transpiler:最新的测试版将它提升到 Go 1.18(虽然目前还没有泛型,唉)和 ES6/ES2015 标准。如果您想快速玩,这里有一个在线游乐场。

  3. inappbrowser.com:查看应用内浏览器注入了什么 JS:这个想法很简单:您在选择的应用程序中共享 URL https://inappbrowser.com/,点击进入它,生成的登录页面会告诉您如果它检测到任何 JavaScript 或 CSS 不是它自己提供的。

  4. Node v16.17.0 (LTS) Released:一个有用的 LTS 版本,具有几个现代向后移植的功能 — 这一次,16.x 用户可以访问util.parseArgsCLI 参数解析功能、实验性 ESM 加载程序挂钩 API,以及node:test模块和运行程序。

  5. NodeGui:使用 JS 和 CSS 构建跨平台桌面应用程序:与 Electron 不同的是使用 Qt GUI 框架,这会使事情变得更复杂,但在内存使用方面也更有效。

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

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

相关文章

前端5JQ

js获取用户输入 JS类属性操作 JS样式操作 事件 JS事件案例 JQuery类库 JQuery基本使用 基本筛选器(了解) 表单筛选器Js获取用户输入 普通数据(输入,选择) ​ 标签对象.value 获取文件数据的时候: 标签对象.value只能获取到文件路径,而标签对象.files结果是一个数组,可以通…

前端Day10

视口(viewport):浏览器显示页面内容的屏幕区域。分为布局视口、视觉视口、理想视口。 布局视口: 视觉视口: 理想视口: meta视口标签: width=device-width:布局视口宽度为当前设备宽度* user-scalable=no:不允许用户缩放 二倍图: 1.物理像素比: ①物理像素:即分辨…

分布式系统的session共享问题

目前大多数大型网站的服务器都采用了分布式服务集群的部署方式。所谓集群,就是让一组计算机服务器协同工作,解决大并发,大数据量瓶颈问题。但是在服务集群中,session共享往往是一个比较头疼的问题。因为session是在服务器端保存的,如果用户跳转到其他服务器的话,session就…

网络network

网络network 基础network模型 OSI七层模型,一层一层封装数据帧(添加报文头),传过去之后再一层一层解封装(解封装掉报文头) 应用层:应用软件层面业务端口,例如http/https,ftp,sftp,smtp(25),除了在四层TCP IP+端口号的方式进行外,还需要检查http/https的url,cook…

python中的多线程与多进程

线程概念: 线程也叫轻量级进程,是操作系统能够进行运算调度的最小单位,它被包涵在进程之中,是进程中的实际运作单位。 线程自己不拥有系统资源,只拥有一点儿在运行中必不可少的资源,但它可与同属一个进程的其他线程共享进程所拥有的全部资源。一个线程可以创建和撤销另一…

从设计到代码(第 3 天)

从设计到代码(第 3 天) 我最近正在开发一门课程,名为 三周内完成三个网页设计 .最初它是一个为期 3 周的研讨会材料,旨在成为一个包含许多实践的动手密集型研讨会。主要目标是教没有太多开发经验的人使用 HTML 和 CSS 来重现专业的设计模型——这就是为什么它被称为从设计到…

力扣507(java)-完美数(简单)

题目: 对于一个 正整数,如果它和除了它自身以外的所有 正因子 之和相等,我们称它为 「完美数」。 给定一个 整数 n, 如果是完美数,返回 true;否则返回 false。示例 1: 输入:num = 28输出:true解释:28 = 1 + 2 + 4 + 7 + 141, 2, 4, 7和 14 是 28 的所有正因子。示例 …

仅Intel电脑可用:设计2D/3D文档绘图Autodesk AutoCAD 2021

Autodesk AutoCAD 2021是Mac上的二维和三维CAD设计软件,用于产品衍生式设计,创建设计方案,三维模型参数化,建模部件组织,创建制作清晰工程图,设计自动化配置等,AutoCAD 2021增强了针对草图的命令设计,简化流程,改进各种性能,转化探索更强大的设计。​编辑切换为居中 …

Echarts与ajax数据的动态交互

初学Echarts,Echarts的官网示例中配置项的数据需要用到js数组来传递数据,所以当我们从后端查询到数据后,往往需要通过ajax来进行数据交互。 这是官方示例的配置项。<script type="text/javascript">// 基于准备好的dom,初始化echarts实例var myChart = ech…

Openwrt 纯ipv6环境管理和上网

防火墙打开远程管理端口 添加端口如22或者使用ipv6端口转发到ipv4 使用socat opkg install socat图形化界面: drophair / luci-app-socatg wget -P /tmp https://github.com/big-tooth/luci-app-socatg/releases/download/v1.1/luci-app-socatg_1.1-1_all.ipk opkg install /tm…

c++ :虚拟机centos7+vscode

c++ :虚拟机centos7+vscodegcc、g++、make查看是否安装成功 $ gcc --version $ g++ --version $ make --version哪个没有,就yum install gcc-c++/yum install gcc/yum install make yum报错 "Failed to connect to 2001:da8:8000:6023::230: 网络不可达":参考链接…

最大正方形

问题:在一个由 0 和 1 组成的二维矩阵内,找到只包含 1 的最大正方形,并返回其面积。 输入:matrix = [["1","0","1","0","0"],["1","0","1","1","1"],["1"…

图解AspNetCore和Furion(1):应用启动

一、和AspNetCore5相比,从6开始,将Program和Startup类合并,直接在入口类中启动服务和中间件。同时,项目可以启动miniApi,直接在Program中设置路由和控制器。实际项目中,还是推荐使用控制器的方式。 二、Furion定义了静态类Serve,对AspNetCore的启动类进行了封装,同时支…

leetcode-172. 阶乘后的零

172. 阶乘后的零 图床:blogimg/刷题记录/leetcode/172/ 刷题代码汇总:https://www.cnblogs.com/geaming/p/16428234.html 题目思路 n!中有几个0与[1,n]中出现多少个5的因数有关。例如7! = 1234567出现了1次5,故最后末尾会出现1个0。26!中出现了5,10,15,20,25其中5的个数为1+…

java内部类

一、基本介绍 一个类的内部又完整的嵌套了另一个类结构。被嵌套的类称为内部类(inner class),嵌套其他类的类称为外部类(outer class)。是我们类的第五大成员 类的五大成员:属性、方法、构造器、代码块、内部类 内部类最大的特点就是可以直接访问私有属性,并且可以体现类…

redis主从数据同步原理

what:redis高可用:1、数据尽量不丢失;2、尽可能的提供服务;栗子:AOF 和 RDB 保证了数据持久化尽量不丢失;主从复制就是增加副本,一份数据保存到多个实例上。即使有一个实例宕机,其他实例依然可以持续服务;主从:复制——为单向的,即:只能从主复制到从;读写指责——…

Linux驱动开发十六.input系统——2.input_event

我们上一章完成了input子系统的设备构成,并且在用户空间通过hexdump命令拿到了一堆不知道是什么的信息。今天我们就要借助input_event这个结构体来了解内核怎么通过那个结构体了解输入事件。 可能有心人已经发现了,上一章我们在加载完模块以后在/dev/input路径下生成了一个新…

(0828)【vivado版本-对仿真工具版本要求】

(1)https://blog.csdn.net/Alonger1988/article/details/120506385 vivado,vsim版本兼容问题 (2)版本匹配:http://dengkanwen.com/567.html

Ingress

为什么需要Ingress Service是基于四层TCP和UDP协议转发的,而Ingress可以基于七层的HTTP和HTTPS协议转发,可以通过域名和路径做到更细粒度的划分,如下图所示。 图1 Ingress-ServiceIngress工作机制 要想使用Ingress功能,必须在Kubernetes集群上安装Ingress Controller。Ingr…

Rayman Mini for Mac(雷曼迷你跑酷游戏)中文

Rayman Mini for Mac是一款运行在MacOS平台上的经典跑酷类游戏,玩家在Rayman Mini可以看到经典的传统角色,与玩家一起在世界中探险,还有超多全新的角色出现。游戏包含动作横向跑酷和剧情解谜探索为一体,呈现了一个别样的世界。 详情:Rayman Mini for Mac(雷曼迷你游戏) 游…