乐趣区

关于前端:前端周刊第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 多平台公布

退出移动版