当前位置：首页 > 科技 > 软件

我们一起聊聊 State of JS 2023、CSS 容器查询、Rspack、Bruno、H3、medium-zoom

来源：责编：时间：2023-11-28 09:36:05 162观看

导读行业动态图片State of JavaScript 2023 调查启动[1] - 一年一度，了解社区动态和工具使用文章图片CSS 容器查询入门教程[2] - MDN Blog 上的最新内容。深入探讨使用容器查询（CSS Container Queries）构建网页布局图片CSS

行业动态

图片

State of JavaScript 2023 调查启动[1] - 一年一度，了解社区动态和工具使用

文章

图片

CSS 容器查询入门教程[2] - MDN Blog 上的最新内容。深入探讨使用容器查询（CSS Container Queries）构建网页布局

图片

CSS 网格交互式指南[3] - Josh Comeau 大神出品
Ahmad Shadeed 的 CSS 嵌套教程[4] - 通过实际用例来重温原生 CSS 嵌套的所有内容

图片

▶ JavaScript 难以承受之重[5] - 作者通过简化 Web 架构、利用新的和即将推出的 Web 平台 API 重新构建快速、可维护、用户友好的前端（幻灯片[6]）

图片

▶ 4 位网络开发人员，1 个应用程序创意[7] - 4 位网络开发人员一起开启了一个有趣的新系列，一起实现一个相同类型的应用程序，分别开发，并对彼此的使用的方法做出点评。Svelte、Astro 和 Next.js 都有出现

图片

▶ ShopTalk Show#591：Cascade Layers, CSS Functions, and more CSS[8] - Miriam 与 Dave Rupert 和 Chris Coyier 一起讨论 CSS 相关的内容，包括容器查询、级联层、自定义属性、退出动画、CSS 函数、状态查询等
如何设计你网站的 URL 地址[9] - 制作 URL 的关键是在简洁和清晰之间找到平衡
快速写你的第一个 Chrome 扩展程序[10] - 来自 Chrome 官方教程

发布

图片

Rspack 0.4[11] - 同时发布 Rsbuild 0.1
Git 2.43[12] - Gihub 对这一版本的发布分析
TypeScript 5.3[13] - 包含 import attributes proposal 的完整支持
Bun 1.0.14[14] - 引入了用于匹配文件和字符串的高性能 globbing API

图片

Starlight 0.13.0[15] - 用于创建 Astro 驱动的文档站点
Transformers.js v2.9[16] - ML for JavaScript。本版本增加了对深度估计、零样本对象检测和 optical 文档理解的支持

图片

Node v21.2.0 (Current)[17] 和 Node v20.10.0 (LTS)[18]
Redux Toolkit 2.0 rc.0[19], Redux 5.0 rc.0[20], React-Redux 9.0 rc.0[21]

资源

图片

An Attempted Taxonomy of Web Components[22] - 整个文章中收集了很多开源 Web 组件资源（以及使用它们的经验教训），可以作为探索、学习 Web 组件的一个地方
Promises 培训教程[23] - 通过一系列精心策划的互动挑战来练习 Promise API 的使用。面向对 Promise 至少有一定了解并想要深入挖掘的开发人员，配有自动化测试，可提供即时反馈并验证练习进度
将 Node.JS 与 TypeScript、ts-node 和 ESM 结合使用[24] - 只有三个文件：package.json、tsconfig.json 和一个工具文件

图片

chrome-extensions-samples[25]：Chrome 扩展工具案例收集，官方仓库资源。类似的还有 GoogleChrome/samples[26]——例举了 Google Chrome 浏览器新版本中的 API 测试案例
自己做双语 EPUB 电子书[27]（中文）

工具

图片

Bruno[28] - 一个快速且 Git 友好的开源 API 客户端，作为 Postman、Insomnia 的平替。只支持离线使用，保证你的隐私数据不受侵犯
Linkinator 6.0[29] - 一个用来查找网站损坏链接的工具，使用 npx linkinator https://example.com/ 即可测试

图片

AutoDraw[30] - 一款在线绘图工具，可以猜测你要绘制的内容
Color Contrast Checker[31] - 根据 WCAG 标准检查不同的颜色组合
html-bundler-webpack-plugin[32] - 为 webpack 增加使用 HTML 模板作为入口点的能力，类似于 Vite 或 Parcel 中的工作方式

库

图片

Spectral.js：一个颜色混合库[33] - Spectral.js 使用 Kubelka-Munk 理论，让两种颜色之间的过渡更加自然
debounce 2.0[34] - 去抖函数
H3: 一个微型 HTTP 框架[35] - 可跨平台使用（包括 Node），刚发布 v1.9 版本

图片

medium-zoom 1.1[36] -
本文链接：//www.dmpip.com//www.dmpip.com/showinfo-26-34644-0.html我们一起聊聊 State of JS 2023、CSS 容器查询、Rspack、Bruno、H3、medium-zoom

声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。邮件：2376512515@qq.com

上一篇：用Python Requests库轻松实现网络爬虫，学会抓取数据！

下一篇：阿里面试官：LinkedHashMap是怎么保证元素有序的？

标签：

热门焦点

如何正确使用:Has和:Nth-Last-Child

我们可以用CSS检查，以了解一组元素的数量是否小于或等于一个数字。例如，一个拥有三个或更多子项的grid。你可能会想，为什么需要这样做呢？在某些情况下，一个组件或一个布局可能会
Flowable工作流引擎的科普与实践

一.引言当我们在日常工作和业务中需要进行各种审批流程时，可能会面临一系列技术和业务上的挑战。手动处理这些审批流程可能会导致开发成本的增加以及业务复杂度的上升。在这
三言两语说透柯里化和反柯里化

JavaScript中的柯里化(Currying)和反柯里化(Uncurrying)是两种很有用的技术，可以帮助我们写出更加优雅、泛用的函数。本文将首先介绍柯里化和反柯里化的概念、实现原理和应用
腾讯盖楼，字节拆墙

来源 | 光子星球撰文 | 吴坤谚编辑 | 吴先之“想重温暴刷深渊、30+技能搭配暴搓到爽的游戏体验吗？一起上晶核，即刻暴打！”曾凭借直播腾讯旗下代理格斗游戏《DNF》一
华为开发者大会2023日程公开：开设鸿蒙HarmonyOS 4体验区

IT之家 7 月 31 日消息，华为今日公布了 HDC.Together 开发者大会 2023 的详细日程。整场大会将于 8 月 4 日-6 日之间举行，届时将发布最新一代鸿蒙 H
苹果公司要求三星和LG Display生产「无边框」OLED iPhone显示屏

据 The Elec 报道，苹果已要求其供应商为未来的 iPhone 型号开发「无边框」OLED 显示面板。苹果显然已要求三星和 LG Display 开发新的 OLED 显示面
2299元起！iQOO Pad开启预售：性能最强天玑平板

5月23日，iQOO如期举行了新品发布会，除了首发安卓最强旗舰处理器的iQOO Neo8系列新机外，还在发布会上推出了旗下首款平板电脑——iQOO Pad，其搭载了天玑
联想的ThinkBook Plus下一版曝光，键盘旁边塞个平板

ThinkBook Plus 是联想的一个特殊笔记本类别，它在封面放入了一块墨水屏，也给人留下了较为深刻的印象。据有人爆料，联想的下一款 ThinkBook Plus 可能更特殊，它
微软发布Windows 11新版引入全新任务栏状态

近日，微软发布了Windows 11新版，而Build 22563更新主要引入了几周前曝光的平板模式任务栏等，系统更流畅了。更新中，Windows 11加入了专门针对平板优化的任务栏