#6松桑前端后花园周刊-VitePress1.1、npm 10.5.2、ESLint9.0.0、Svelte、Nextjs教程

行业动态

1、A JS Bin to Play with the TC39 Signals Proposal

上周,前端后花园周刊介绍了向 JavaScript 添加 Signals 的提议,目提案在 Stage0 阶段,不过可以通过polyfill的方式,您现在就可以在 JS Bin 尝试使用它。

2、Val Town 在线平台

可以直接在浏览器上编写和部署 TypeScript 函数(serverless function),运行时环境是 Deno,目前筹集到550万美元的资金

3、Cloudflare Workers 支持原生JavaScript RPC(远程调用)

下面是一个通过 RPC调用方式实现服务鉴权例子,相比使用https通信进行鉴权,直接调用函数实现更加简洁。

4、set 方法提案进入 stage4 阶段

提案中集合set新增方法包括:

  • Set.prototype.intersection(other)

  • Set.prototype.union(other)

  • Set.prototype.difference(other)

  • Set.prototype.symmetricDifference(other)

  • Set.prototype.isSubsetOf(other)

  • Set.prototype.isSupersetOf(other)

  • Set.prototype.isDisjointFrom(other)

分别为取集合交集、并集、差集、对称差集、判断子集、判断超集、判断交集是否为空。

5、Math.sumPrecise 方法提案进入 stage2.7 阶段

Math.sumPrecise 方法对传入对数组执行全精度浮点求和,可以取代.reduce((a, b) => a + b, 0)方法,且精度更高。

JavaScript 复制代码
let values = [1e20, 0.1, -1e20];

values.reduce((a, b) => a + b, 0); // 0

Math.sumPrecise(values); // 0.1

发布

1、VitePress 1.1

VitePress 基于 Vite 和 Vue 之上构建的静态站点生成器(SSG) ,用于构建快速、以内容为中心的网站。1.1版本客户端useData()支持获取hash属性;更新Inter字体主题至版本4。

2、npmv10.5.2

运行脚本npm run [scripts]要快30ms。

3、ESLint v9.0.0

ESLint 大版本包含以下breaking changes:

  • 不再支持 Node.js < v18.18.0, v19 版本;

  • flat config 变更为默认配置格式;

  • 除了 style、 html、 json 和 json-with-meta ,以下formatter 被移除:checkstylecompactjslint-xmljunittapunixvisualstudio,需要自行安装依赖;

  • 移除了 valid-jsdocrequire-jsdoc 插件,建议使用eslint-plugin-jsdoc插件等38+破坏性更新。

文章

1、超越 React 的前端框架:Svelte

深入研究了一个开发人员使用 Svelte 构建现代前端应用程序的研究。如果你从来没有尝试过 Svelte,这是一个很好的入门教程,包括其特性、概念、优点、缺点、生态系统和最佳实践。

2、因为 React 而错过的其他前端框架

作者阐述了 React 中过时的处理逻辑,并介绍了其他可以替代的前端框架,作者更偏向于 Svelte 框架。

开源项目

facejs

一个用于基于SVG生成的卡通人脸的 JavaScript 库。作者写这个为篮球总经理和其他游戏的球员生成随机卡通脸,您可以将其用于类似目的。

网站

1、book stash

让你可以在短时间内大致掌握一本书的要点。

2、二次元头像生成器

只需要四步,选择自动生成的头像,你可以得到一个专属的二次元头像。

CSS WEEKLY

1、沙漠赛车: 世界上第一个只使用 CSS 滑动感知的游戏!

一个只有 CSS,没有 JS,没有复选框,只考滑动感知(滚动感知)游戏。作者介绍了游戏灵感来源和制作过程关键技术。沙漠赛车在线试玩

2、CSS 容器查询交互指南(英文)

作者分享了一个关于容器查询的交互式指南,解释了它们解决的问题,它们如何工作,以及如何在平时工作中使用它们。

资源

1、Learn Next.js 中文教程

Nextjs 14 官方教程中文翻译版本,松桑在学习 Nextjs 后悔没有早点发现中文版教程;此教程网站也是使用 Nextjs 搭建的。

2、1000UserGuide

网站整理了300多个国内外渠道,适合独立开发者和创业者推广产品的渠道,帮助找到前1000个早期用户。


这里是松桑的前端后花园,目前坚持在写前端后花园周刊,专注前端基础领域,分享常见前端面试题、前端开源项目、工具库、前端最新动态,目前还一个前端菜鸟,和我一起打怪升级吧!这里是我精选的往期文章,希望对你有所帮助。

Node.js常用命令及学习资料

18个宝藏技术周刊,涵盖前端、产品、UX、AIGC、独立开发、科技(偷偷收藏)

为什么每个自媒体人都需要个人网站?(附十分钟快速建站教程)

我用 Nextjs 十分钟搭建了一个展示955公司网站

Gitbook 小书 - 快速创建你的个人专栏

相关推荐
以对_10 分钟前
uview表单校验不生效问题
前端·uni-app
Zheng1131 小时前
【可视化大屏】将柱状图引入到html页面中
javascript·ajax·html
程序猿小D1 小时前
第二百六十七节 JPA教程 - JPA查询AND条件示例
java·开发语言·前端·数据库·windows·python·jpa
john_hjy1 小时前
【无标题】
javascript
奔跑吧邓邓子2 小时前
npm包管理深度探索:从基础到进阶全面教程!
前端·npm·node.js
软件开发技术深度爱好者2 小时前
用HTML5+CSS+JavaScript庆祝国庆
javascript·css·html5
前端李易安2 小时前
ajax的原理,使用场景以及如何实现
前端·ajax·okhttp
汪子熙2 小时前
Angular 服务器端应用 ng-state tag 的作用介绍
前端·javascript·angular.js
Envyᥫᩣ3 小时前
《ASP.NET Web Forms 实现视频点赞功能的完整示例》
前端·asp.net·音视频·视频点赞
Мартин.7 小时前
[Meachines] [Easy] Sea WonderCMS-XSS-RCE+System Monitor 命令注入
前端·xss