关于前端:前端周刊第67期BunhtmxLodashNakedJSXCroner

周刊同步发表于微信公众号“写代码的宝哥”，欢送各位小伙伴前来关注 😄！

快讯

• Bun ——另一个（Deno 也算一个）用于取代 Node.js 的运行时，其创始人 Jarred Sumner 将在美国当地工夫 09.07 召开 1.0 产品发布会

文章

• How Dropbox Reduced the Size of Its JavaScript Bundles by 33% – Dropbox 的小伙伴最近对网站 JavaScript 打包产物做了一次优化，缩小了 33% 的体积。本文介绍他们是如何做的
• htmx is Part of the GitHub Accelerator – htmx 是一个存在已久的我的项目，最近才开始火。我的项目当初成为 GitHub 开源加速器打算的第一批搀扶我的项目，无望促使 htmx 2.0 版本的开发
• You Might Not Need Lodash or Underscore – 受到 You Might Not Need jQuery 我的项目启发。这个仓库列举了差不多 100 个如何应用原生 JS 代码实现的等同 Lodash/Underscore 办法。当然，理论我的项目中为了平安稳固，我还会持续应用 Lodash，而将这里列举的实现能够作为理解外部工作模式的一种形式

• JSX Without React – Chris Coyier 体验了一个名为 NakedJSX 的 JS 库，能够让你在不须要 React 状况下应用 JSX
• You’ve Got Options for Removing Event Listeners – 本文讲述移除监听事件的 4 种形式，包含间接移除和间接移除
• 10 Web development trends in 2023 – 本文探讨 2023 年的 10 大开发趋势。包含 JavaScript 运行时以及 AI 驱动式开发
• Prepare Your Firefox Desktop Extension for the Upcoming Android Release – Android 设施上的 Firefox 浏览器开始反对桌面端扩大程序了，扩大程序开发者们须要留神为挪动端适配了

• How to Make Lists Accessible – 介绍 HTML 列表元素的应用，包含无障碍优化相干

• Four New CSS Features for Smooth Entry and Exit Animations – 本文介绍 4 个新的 CSS 个性，介绍如何丝滑地开始和退出动画
• An Overview of CSS Sizing Units – 本文将 CSS 中的尺寸单位根据参照物划分成 4 类，并逐个介绍相干概念及利用场景

公布

• Croner 7.0: Cron for JavaScript and TypeScript – cron 表达式的 JavaScript 语言实现，用于定期执行特定函数。目前反对的平台包含：Node、Deno、Bun 和浏览器

• Fresh 1.4 – Deno 驱动的 Web 框架。位置相似 Node.js 的 Next.js，应用了 Preact 渲染页面
• Electron 26.0 – 跨平台桌面软件开发工具
• NodeBB 3.3 – Node.js 驱动一个论坛网站

• Playwright 1.37.0 – 微软出品的一款 e2e 测试工具
• Angular 16.2 – Google 公司创立的一款前端框架，当初仍在沉闷保护中
• jest-dom 6.0 – 一个扩大 Jest DOM 操作的扩大匹配器，更易于 DOM 元素测试
• What’s New in DevTools (Chrome 117)”)”) – 反对本地批改申请响应、代码高亮及高亮反对

资源

• Discover three.js: A Complete Guide to Creating 3D Web Experiences – three.js 是一款驰名的 3D 动画库，本书收费从 0 到 1 教你如何应用它，有中文版能够浏览。值得注意的是，本文作者 Lewy Blue（路易·布鲁）也是 three.js 我的项目的次要贡献者之一，
• Over 100 Algorithms and Data Structures Demonstrated in JS – 这个仓库总蕴含超过 100 种数据结构与算法的 JavaScript 实现

• CSS Tip – 这个网站列举了很多 CSS 编写技巧，每天一分钟学会一个！
• Iconbuddy – 一个收费 Icon 搜索引擎，搜寻 180K+ 在内的开源 Icon 资源

• LangUI – 一个蕴含 60+ Tailwind 组件的 UI 库，为构建 AI & GPT 这类我的项目而生，反对黑白两色主题
• Primo – 生成动态站点的可视 CMS。Primo 自身是一个应用 Supabase 作为后端的 SvelteKit 应用程序

工具

• OddContrast – 用于查看色彩 Contrast Ratio，为设计无障碍敌对型网站。反对 Hex、HSL、Oklch 外在多种色彩格局

• Proto Tree: A Way to Observe the JS Prototype Chain – 这个网页能够用来展现 JavaScript 原型链的构造
• twentyhq/favicon – 一个用于获取网站 fav icon 的工具，比方：https://favicon.twenty.com/apple.com
• deno_python: Python Interpreter Bindings for Deno – 实现 deno 中操作 python 的一个桥接工具

库

• Linkify 4.1: Link Up URLs, Email Addresses, and More in Plain Text – 找出并转换文本中的链接、邮箱号要害信息。还反对通过插件反对 hashtag、@mentions、IP 地址、关键字等其余提取转换性能
• Barba.js: For Smooth Visual Transitions Between Pages – 为页面切换减少过渡成果，官网曾经完满诠释了这个库所能做到所有精彩过渡展现

时光机

• 感触下 1999 年 Apple、Google 和 Amazon 站点长什么样子

材料起源：JavaScript Weekly#652、Frontend Focus#606。

本文由 mdnice 多平台公布