视野修炼-技术周刊第75期

欢迎来到第 75 期的【视野修炼 - 技术周刊】,下面是本期的精选内容简介

🔥强烈推荐

  1. JSR - Deno 开发的新的 js 注册表
  2. Node.js 新官网 - beta
  3. 获取 Web 性能指标的精选代码片段

🔧开源工具&技术资讯

  1. Mojo CSS - 新的CSS原子化框架
  2. Omnivore - 稍后阅读工具
  3. tsdiagram - 可视化生成TS关系图表
  4. 自渲染的 "Eval Shirt" - StackBlitz 官方整活
  5. shoelace - 具有前瞻性的Web Components 组件库

📚 教程&文章

  1. CSS :has() 交互式指南

🤖AI工具&资讯

  1. image2music - AI 图像音乐生成器
  2. AI没有护城河,OpenAI也没有
  3. 魅族 All in AI

​也推荐大家关注一下最后的推荐内容(周刊的主要内容来源渠道)

下面开始本期内容的介绍,预计阅读时间 8 分钟。

🔥强烈推荐

1. JSR - Deno 开发的新的 js 注册表

  • 🛠️ TS 优先,仅支持 ESM 格式
  • 🌐 跨运行时支持(Node,Deno,Bun),同时支持 npm/yarn/pnpm
  • 🤗 免费,开源

目前处于公开测试阶段,homepage

2. Node.js 新官网 - beta

3. 获取 Web 性能指标的精选代码片段

提供获取以下指标的代码片段:

  • CLS(Cumulative Layout Shift): 会衡量在网页的整个生命周期内发生的所有意外布局偏移的得分总和。 得分是零到任意正数,其中0 表示无偏移,且数字越大,网页的布局偏移越大
  • LCP(Largest Contentful Paint): 从用户请求网址到在视口中渲染最大可见内容元素所需的时间
    • LCP Image Entropy:检查图像
    • LCP Sub-Parts:检查其它部分

下面是在我的博客上的运行结果:

🔧开源工具&技术资讯

4. Mojo CSS - 新的CSS原子化框架

运行时间接近零的原子 CSS 框架 --- "原子 CSS 玩家"中的另一个参与者。

有一些在更流行的解决方案中找不到的功能,颜色着色组件抽象反向断点

5. Omnivore - 稍后阅读工具

一个开源的"稍后阅读"(read-it-later)解决方案,可以收藏网址、RSS 和邮件列表的文章,提供PC,移动端客户端,浏览器插件。

收藏操作 收藏列表

开源&跨平台,使用挺方便的,一键收藏文章打标签,操作流畅。

每周都会在空闲时间刷一些文章,准备下周开始试用一下,用来随手收集好文。

6. tsdiagram - 可视化生成TS关系图表

7. 自渲染的 "Eval Shirt" - StackBlitz 官方整活

⚡里面的代码也是真实可复制的

下面是是复制到浏览器里运行的结果:将会把这个 "logo" 插入到页面底部(仍然可复制)

复制 运行

8. shoelace - 具有前瞻性的Web Components 组件库

基于 Web Components 标准构建,适用于所有框架以及常规的 HTML/CSS/JS。

📚 教程&文章

9. CSS :has() 交互式指南

介绍了实际开发中可以用到 :has 选择器的所有内容。包含大量代码示例,有助于解锁你在项目中灵活使用 :has 的技能。

🤖AI工具&资讯

10. image2music - AI 图像音乐生成器

感觉很新颖呀,自动给图片配背景音乐,demo 效果还不错。

11. AI没有护城河,OpenAI也没有

  • 生成式 AI 的核心技术是开源的,任何人都可以获取。
  • AI 模型的替代性很强。
  • AI 的核心竞争力在于算力和训练语料。
  • AI 的研究人员是流动的。

12. 魅族 All in AI

😛趣图


篇幅有限,如果你还没看够,可移步后面的推荐渠道,继续游览,历史周刊(<20)移步博客

⭐️强力推荐关注

相关推荐
范文杰2 小时前
AI 时代如何更高效开发前端组件?21st.dev 给了一种答案
前端·ai编程
拉不动的猪2 小时前
刷刷题50(常见的js数据通信与渲染问题)
前端·javascript·面试
拉不动的猪2 小时前
JS多线程Webworks中的几种实战场景演示
前端·javascript·面试
FreeCultureBoy3 小时前
macOS 命令行 原生挂载 webdav 方法
前端
uhakadotcom3 小时前
快速开始使用 n8n
后端·面试·github
uhakadotcom3 小时前
Astro 框架:快速构建内容驱动型网站的利器
前端·javascript·面试
uhakadotcom3 小时前
了解Nest.js和Next.js:如何选择合适的框架
前端·javascript·面试
uhakadotcom3 小时前
React与Next.js:基础知识及应用场景
前端·面试·github
uhakadotcom3 小时前
Remix 框架:性能与易用性的完美结合
前端·javascript·面试
uhakadotcom4 小时前
Node.js 包管理器:npm vs pnpm
前端·javascript·面试