#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 小书 - 快速创建你的个人专栏

相关推荐
Book_熬夜!14 分钟前
CSS—补充:CSS计数器、单位、@media媒体查询
前端·css·html·媒体
程序员大澈14 分钟前
1个基于 Three.js 的 Vue3 组件库
javascript·vue.js
程序员大澈20 分钟前
3个 Vue Scoped 的核心原理
javascript·vue.js
hyyyyy!24 分钟前
《原型链的故事:JavaScript 对象模型的秘密》
javascript·原型模式
程序员大澈33 分钟前
3个好玩且免费的api接口
javascript·vue.js
程序员大澈1 小时前
4个 Vue 路由实现的过程
javascript·vue.js·uni-app
几度泥的菜花1 小时前
如何禁用移动端页面的多点触控和手势缩放
前端·javascript
狼性书生1 小时前
electron + vue3 + vite 渲染进程到主进程的双向通信
前端·javascript·electron
肥肠可耐的西西公主1 小时前
前端(AJAX)学习笔记(CLASS 4):进阶
前端·笔记·学习
拉不动的猪2 小时前
Node.js(Express)
前端·javascript·面试