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

相关推荐
程序员清洒9 分钟前
Flutter for OpenHarmony:Text — 文本显示与样式控制
开发语言·javascript·flutter
雨季66643 分钟前
Flutter 三端应用实战:OpenHarmony 简易“动态内边距调节器”交互模式深度解析
javascript·flutter·ui·交互·dart
天人合一peng1 小时前
Unity中button 和toggle监听事件函数有无参数
前端·unity·游戏引擎
会飞的战斗鸡1 小时前
JS中的链表(含leetcode例题)
javascript·leetcode·链表
方也_arkling2 小时前
别名路径联想提示。@/统一文件路径的配置
前端·javascript
毕设源码-朱学姐2 小时前
【开题答辩全过程】以 基于web教师继续教育系统的设计与实现为例,包含答辩的问题和答案
前端
qq_177767372 小时前
React Native鸿蒙跨平台剧集管理应用实现,包含主应用组件、剧集列表、分类筛选、搜索排序等功能模块
javascript·react native·react.js·交互·harmonyos
qq_177767372 小时前
React Native鸿蒙跨平台自定义复选框组件,通过样式数组实现选中/未选中状态的样式切换,使用链式调用替代样式数组,实现状态驱动的样式变化
javascript·react native·react.js·架构·ecmascript·harmonyos·媒体
web打印社区2 小时前
web-print-pdf:突破浏览器限制,实现专业级Web静默打印
前端·javascript·vue.js·electron·html
RFCEO2 小时前
前端编程 课程十三、:CSS核心基础1:CSS选择器
前端·css·css基础选择器详细教程·css类选择器使用方法·css类选择器命名规范·css后代选择器·精准选中嵌套元素